/* CSS Bogocine2015
	Hoja de Estilo desarrollada por Colnodo, http://www.colnodo.apc.org/ 
	Todos los derechos reservados  
	DICIEMBRE DE DE 2014 
	IMPORTANTE 	Este diseno no es una plantilla. Usted no puede utilizarla sin un permiso escrito	de Colnodo (info@colnodo.apc.org). Sin embargo, sientase libre de estudiar la hoja de estilo y usarla para aprender tecnicas y diseno web usando CSS. */

html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, /*small,*/ strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b	{vertical-align: baseline; border: 0; outline: 0;
                 font-style: normal; font-size: 100%; font-family: inherit; font-weight:normal}
*               {margin: 0; padding: 0;}
               body            {line-height: 1; height:100%}
               :focus          {outline: 0}
               ol, ul, li      {list-style: none;}
               table           {border-collapse: collapse; border-spacing: 0;}
               blockquote, q   {quotes: "" ""}
               hr              {border: 0; color: #000; background-color: #000; height:1px}
               

@font-face {
    font-family: 'bariol_boldbold';
    src: url('../tipografia/bariol_bold-webfont.eot');
    src: url('../tipografia/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipografia/bariol_bold-webfont.woff') format('woff'),
         url('../tipografia/bariol_bold-webfont.ttf') format('truetype'),
         url('../tipografia/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'bariol_lightlight';
    src: url('../tipografia/bariol_light-webfont.eot');
    src: url('../tipografia/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipografia/bariol_light-webfont.woff') format('woff'),
         url('../tipografia/bariol_light-webfont.ttf') format('truetype'),
         url('../tipografia/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'bariol_regularregular';
    src: url('../tipografia/bariol_regular-webfont.eot');
    src: url('../tipografia/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipografia/bariol_regular-webfont.woff') format('woff'),
         url('../tipografia/bariol_regular-webfont.ttf') format('truetype'),
         url('../tipografia/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

blockquote{
	font-size: 100%;
	line-height: 130%;
	font-style:italic;
	color: #000;
	}

body {
	font-family: 'bariol_regularregular', Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #FFF;
	font-size: 63%;
	}				

p {
	font-size: 1.8em;
	margin: 0 0 10px 0; 
	line-height: 135%;
	font-weight:normal!important;
	color: #2B2721;
	text-align:left;
	}

dl {
	margin: 20px 0 0 0;
	font-size: 1.7em; 
	line-height: 140%;
	}

dt {
	padding	: 20px 0px 0px 0px!important;
	display:block;
	float:left;
	font-family: 'bariol_boldbold';
	font-size: 120%;
	color:#49524D;
	}
	
dd {
	clear:both;
	padding: 10px 0 0px 20px;
	}
	
dd ul li {
    padding-left: 20px;
    font-size: 100%;
    display: block;
	}		

 ul li {
	font-size: 1.7em; 
	line-height: 135%;
	padding:5px 0px 5px 25px;
	display:table;
	text-align:left;
	color: #2B2721;
	}

ul li ul li{
	font-size: inherit; 
	line-height: 135%;
	padding:10px 0px 5px 15px;
	display:table;
	text-align:left;
	color: #2B2721;
	margin-left: 15px;
	}

ol li{
	font-size: 1.7em; 
	line-height: 140%;
	padding :5px 0px 5px 5px;
	list-style-type:decimal!important;
	margin-left: 25px;
	color: #2B2721;
	background:none;
	text-align:left;
	   }

a:link {
	color:#427096;
	text-decoration: none;
	}

a:visited {
	color:#4E7153;
	text-decoration:line-through!important;
	}

a:hover, a:focus {
	color: #427096;
	text-decoration:underline;	
	}

h1 {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font-size:3.1em;
	}
		
h2 {
	line-height: 120%;
	font-size: 2.1em;
	font-weight:normal;
	margin: 10px 0 0 0px;
	}
	
h3 {
	line-height: 130%;
	color:#43371F;
	font-weight:bold;
	font-size:2.2em;
	margin: 15px 0 15px 0;
	}	
	
h4 {
	line-height: 130%;
	font-size: 2.1em;
	margin: 40px 0 10px 0;
	color:#000;
	}
	
h5 {
	line-height: 130%;
	font-size: 1.9em;
	margin: 30px 0 10px 0;
	color:#3A3932;
	}
	
h6 {
	line-height: 130%;
	font-size: 1.7em;
	margin: 20px 0 1px 0;
	color:#3A3932;
	}

	
hr {
	background-color: #666;
	height: 1px;
	border: 0;
	}

.renglon{
	clear: both;
	margin: 10px 0 0 0;
	overflow: hidden;
	}

.renglon40{
	clear: both;
	margin: 40px 0 0 0;
	overflow: hidden;
	}

.renglon15{
	clear: both;
	height: 15px;
	}

.renglon20{
	clear: both;
	height: 20px;
	}

.renglon30{
	clear: both;
	height: 30px;
	}

.foto-pie {
    clear: both;
    color: #000;
    float: left;
    font-size: 1.4em;
	line-height:130%;
 	padding: 10px;
	width: 280px;
	margin: 0 10px 10px 0;
	background: #E7F2BA;
	}

.foto-pie-600 {
    clear: both;
    color: #000;
    float: left;
    font-size: 1.4em;
	line-height:130%;
    margin: 20px 0;
	padding: 0 0 10px 0;
	width: 630px;
	}

.ico-archivo{
	margin: 0px 0 0 5px;
	vertical-align:middle!important;
	}

.imagen_izq {
	float: left;
	margin: 0px 15px 0px 0!important;
    border: 0px;
	display: table;
	}

.imagen_der {
	float: right;
	margin: 5px 0px 5px 10px;
	clear: both;
	border: 0px;
	display: table;
	}

.imagen_centro {
    border: 0;
	display: block;
	margin: 0 auto;
	}

.esconde {
	position: absolute; 
	left: -9999em; 
	top: -9999em ; 
	text-indent: -9999em;
	background: #fff;
	}

table.general {
	width: 100%;
	margin:  20px 0 25px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 140%;
	color:#000;
	font-size:1.6em;
	}

table.general th {
	margin: 0px;
	padding: 10px 5px;
	background-color: rgba(82,175,198,0.3);
	color: #000;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	}

table.general tr {
	vertical-align: top;
	}

table.general td {
	margin: 0px;
	padding: 7px 5px;
	border-bottom: 1px dotted #52AFC6;
	vertical-align:middle;	
	}

th.icon, td.icon {
	vertical-align: middle;
	}

table#tprogramaspaca{
	font-size:0.9em;
	}

table.general.tpaca th{
	font-size: 130%;
	padding:20px;
	}

table#tprogramaspaca td, 
table.general.tpaca td{
	border-bottom: none!important;
	}

table .general#tprogramaspaca td.tborde,
table.general.tpaca td.tborde{
	border-bottom: 1px solid #52AFC6!important;
	border-top: 1px solid #52AFC6;
	border-right: 1px solid #52AFC6;
	}

table.general tr.color1{
	margin: 20px 0!important;
	background:#D0F1F5;
	}

table.general td.color2{
	background:#99E0EA;
	border-left: 1px dotted #52AFC6;
	border-right: 1px dotted #52AFC6;
	}

table.general.tpaca tr.color2{
	background:#00B0C5;
	color: #fff;
	margin: 20px 0 0 0;
	}

.celda2, .celda3, .celda4{ 
	font-size:14px;
	line-height:120%;
	}

.formulario {
	padding: 25px 40px;
	margin:  20px 0 25px 0px;
	font-size: 13px;
	line-height: 140%;
	color:#000;
	padding:20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: left;
	}

.formulario table th {
	margin: 0px;
	padding: 10px 5px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;	
	width:50%;
	}

.formulario table td {
	margin: 0px;
	padding: 7px 5px;
	vertical-align:top;	
	}

.formulario table td textarea, .formulario textarea {
	background:#fff;
	border:1px solid #363839;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height:70px;
	width:50% !important;
	padding:5px;
	font-family: 'bariol_regularregular', Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	}

.formulario table td input[type=text], .formulario input[type=text], .formulario input[type=email] {
	background:#fff;
	border:1px solid #363839;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size:1.1em;
	width:50%;
	padding:10px 5px;
	font-family: 'bariol_regularregular', Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	}

.formulario table td input[type=text].fecha {
	background:#fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height:35px;
	width:70%;
	vertical-align:top;
	}

.tabhlp{
	font-size: 80%;
	font-style:italic;
	}

.formulario table td input[type=submit],
.formulario input[type=submit],
.formulario input[type=file]
{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #960909;
	font-size: 16px;
	color: #fff;
	font-family: 'bariol_boldbold';
	text-align: center;
	padding: 7px 50px;
	border-width: 0px!important;
	cursor:pointer;	
	}
	
.formulario table td input[type=submit]:hover,
.formulario table td input[type=submit]:focus,
.formulario input[type=submit]:hover,
.formulario input[type=submit]:focus{
	background: #960909;
	color: #fff;
	text-decoration:none;
	}

.formulario table select{
    padding:7px 5px 7px 10px;
	width: 100%;
    margin: 0;
	font-size:16px;
	font-family: 'bariol_regularregular';
    border:1px solid #ACE6EF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    background: #fff!important;
    color:#000;  
	}

.formulario table select option{
	font-family: 'bariol_regularregular';
	padding:3px 5px;
	}

.formulario table td input[type="checkbox"]{
	font-family: 'bariol_regularregular';
	margin: 5px 5px 5px 0px;
	padding: 0!important;
	text-indent: 40px;
	}

.formulario label {
	text-align: left;
	color: #960909;
	}

#encabezado {
	background: #960909;
	padding: 40px;
	min-height: 100px;
	}

#logo{ 
	float: left;
	height: 100px;
	width: 250px;     
	}

#navegacion{
	float: right;
	}

#navegacion ul li{
	display:inline
	}

#navegacion ul li a{
	color:#fff
	}

#navegacion ul li a:hover, #navegacion ul li a:focus{
	color:#CB983E;
	text-decoration:none;
	}

#contenido h1 {
	margin-top: 90px;
	}

#contenido h2 {
	margin: 30px 0 28px 0;
	text-align: left;
}

#contenido h3 {
	margin: 30px 0 28px 0;
	text-align: left;
	font-size: 15px;
	}

#contenido{
	margin: 10px 60px;
	}

#pie {
	background: #363839;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding-bottom: 16px;
    z-index:2000;
	}
	
#pie p {
	color: #FFFFFF;
	margin-top: 20px;
	}
	
.skryj { 
	display:none; 
	}