@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center;
	background-image: url(Imagenes/fondo.png);
	background-repeat: repeat-x;
	margin-top: 20px;
	background-color: #EBF3FA;
    }
    .twoColFixLtHdr #container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #FFFFFF;
    } 
  
     .twoColFixLtHdr #mainContent {
	margin: 20px 0 0 250px; /* el margen izquierdo de este elemento div crea la columna situada a lo largo del lado izquierdo de la página (con independencia de la cantidad de contenido que tenga el div sidebar1, se mantendrá el espacio de la columna). Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1. */
	padding: 0 0px 0 19px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B5CFE3;
    } 
    .twoColFixLtHdr #footer {
	margin-top: 20px;
	opacity: 0.86;
	filter: alpha(opacity=86);
	border-top-color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #282828;
	vertical-align: bottom;

    } 
    .twoColFixLtHdr #footer p {
	margin: 10px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 5px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	color: #999999;
	font-size: 10px;
    }
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #003366;
	margin-left: 2px;
	text-align: left;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000033;
	margin-left: 2px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-left: 0px;
	text-align: center;
} 
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004F75;
	text-align: justify;
	font-style: normal;
	text-decoration: none;
}
a img { border:none; }
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-left: 15px;
	margin-bottom: 0px;
	text-align: justify;
	margin-right: 40px;
}
.twoColFixLtHdr #Login {
	width: 210px;
	float: left;
	padding-top: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	top: 0px;
	margin: 10px 0 15px 10px;
	background-color: #BBDDFF;
	border-color: #0000FF;
	border: 1px solid;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	margin-left: 3px;
	margin-bottom: 5px;
	margin-top: 3px;
}
#formulario_login {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	margin-bottom: 0px;
	vertical-align: top;
	margin-right: 10px;
}
#formComentario {
	float:left;
	margin:10px 5px 0px 0px;
}
#menuv {
	margin-top:20px;
	padding-left:20px;
}

#galeriapeje {
	margin: 0px 0px 0px 0px;
	padding: 5px 0 5px 0;
	border-left-color: #B5CFE3;
	border-left: solid 1px;
	width: 250px;

}

#pejecutado {
	border: solid 1px;
	border-color: #666666;
	margin: 0;
	padding: 0;
	width: 490px;


}

.imagenderecha {
	margin: 5px;
	float: right;
}
.imagenizquierda {
	margin: 5px 10px;
	float: left;
}
.pie {
	clear: both;
}
.tituloCaja {
	margin:0px;
	margin-bottom:5px;
	padding-left:7px;
	text-align:left;
	font-weight: bold;
}
.caja {
	margin-top:5px;
	padding-left:10px;
	text-align:left;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
.caja p {
	margin: 0 5px 0 0;
	font-size: 10px;

}
.tituloCaja {
	background:#809CB8 url(/imagenes/tcaja.png) repeat-x;
	color:#FFF;
	margin: 0px 0px 0px 0px;
}
.tituloCaja a{
	color:#FFF;
}
.notaFormulario {
	background-color:#F9FBFD;
	font-size: 11px;
	float:right;
	width:225px;
	margin:0px 10px;
	padding:5px;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}
form {
	vertical-align: top;
}
input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	border-color: #999999;
	border: 1px solid;
	background: #f2f2f2;
}
textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	border-color: #999999;
	border: 1px solid;
	background: #f2f2f2;
}
.parrafo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify;
	margin-bottom: 5px;
}
.Imagen_sin_margin {
	clear: both;
	margin: 0px 0px 0px auto;
	vertical-align:top;
}

.marco_imagenes {
	border:#666666 solid 1px;
	width: 60px;
	height: 50px;
	float: left;
	margin: 10px 0px 10px 10px;
	padding:3px;
	background-color:#FFFFFF;
	display: inline;
 }
 .imagenes_marcos {
 margin:3px
 
 }
 .marco_folletos {
	border:#666666 solid 1px;
	width: 45px;
	height: 60px;
	float: left;
	margin: 10px 5px 10px 10px;
	padding:2px;
	background-color:#FFFFFF;
	display: inline;
 }
 .parrafodescarga {
 	margin: 10px 10px 10px 10px;
	float:right;
	width:365px;
	display: inline;
	
 }
  .parrafodescargamedio {
	margin: 10px 10px 10px 0px;
	float:right;
	width:140px;
	display: inline;
	
 }
  .cabecerah4 {
	text-align:left;
	color: #3399FF;
	font-size:20px;
	vertical-align:top;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	font-weight: bold;
  }
 div.parrafodescarga h4 {
	text-align:left;
	color: #6699FF;
	font-size:22px;
	vertical-align:top;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0;
  }
  .pparrafodes {
  text-align:left;
  color: #0066CC;
  font-size:12px;
  vertical-align: top;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  margin:0;
  }
  
  

#sidebar1 {
	width: 230px;
	clear: left;
	vertical-align: top;
	margin: 0;
	float: left;
}
/*Reglas para los Div dentro del Div del lado derecho*/
.CajaColor {
	margin: 0px 0px 15px;
	width: 480px;
	border-style: 1;
}
div.CajaColor h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	margin-left: 15px;
	font-weight: bold;
	background-position: top;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
}
div.CajaColor p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #83AECC;
	margin-left: 15px;
	background-position: top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
}
/*Fin Reglas para los Div dentro del Div del lado derecho*/
/*Puntas Amarillas Redondeadas*/
b.rtopam, b.rbottomam{
	display:block;
	background: #FFF;
}
b.rtopam b, b.rbottomam b{
	display:block;
	height: 1px;
	overflow: hidden;
	background-color: #FFFFE6;
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtopam b.r4, b.rbottomam b.r4{margin: 0 1px;height: 2px}
/*Puntas Azules Redondeadas*/
b.rtopaz, b.rbottomaz{display:block;background: #FFF}
b.rtopaz b, b.rbottomaz b{display:block;height: 1px;
overflow: hidden; background: #ECF5FF}
b.rtopaz b.r4, b.rbottomaz b.r4{margin: 0 1px;height: 2px}
/*Puntas Grises*/
b.rtopgr, b.rbottomgr{display:block;background: #FFF}
b.rtopgr b, b.rbottomgr b{display:block;height: 1px;
overflow: hidden; background: #f2f2f2}
b.rtopgr b.r4, b.rbottomgr b.r4{margin: 0 1px;height: 2px}
/*Puntas Verdes*/
b.rtopve, b.rbottomve{display:block;background: #FFF}
b.rtopve b, b.rbottomve b{display:block;height: 1px;
overflow: hidden; background: #EAFBE1}
b.rtopve b.r4, b.rbottomve b.r4{margin: 0 1px;height: 2px}
/*Puntas Naranjas*/
b.rtopna, b.rbottomna{display:block;background: #FFF}
b.rtopna b, b.rbottomna b{display:block;height: 1px;
overflow: hidden; background: #FEF3B8}
b.rtopna b.r4, b.rbottomna b.r4{margin: 0 1px;height: 2px}
/*Puntas Marron*/
b.rtopmarr, b.rbottommarr{display:block;background: #FFF}
b.rtopmarr b, b.rbottommarr b{display:block;height: 1px;
overflow: hidden; background: #E8DED7}
b.rtopmarr b.r4, b.rbottommarr b.r4{margin: 0 1px;height: 2px}
/*******************************************/
/*******************************************/
/*Aqui Etiquetas para cuadros con sombra*/
/*******************************************/
/* Aquí modificamos el Contenedor*/
#cont{
	text-align:center;
	padding: 5px;
	margin: auto;
	/* width:500px; */ float: left;
	width: 440px;
}
/* Ahora la sombra */
#sombra{
	margin:10px;
	background:#CCCCCC; /* Color de la sombra */
	border: solid 1px #CCCCCC; /* Color del borde */
	width: 425px;
	height: 259px;
}/* Veamos el texto */
#text{
	border:solid 1px #CCCCCC;
	margin:-10px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
	padding:2px;
	background:#FFFFFF; /* Le damos un color de fondo */
	height: 259px;
}
/*******************************************/
/*Fin Etiquetas para cuadros con sombra*/
/*CLASE PARA TABAS PA QUE QUEDEN AL PELO*/
table.compare {
	width: 200px;
	border: 1px solid #999;
	margin: 0 auto 1em auto;
}
table.compare thead th {
	font: bold 8pt Verdana, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding: 0.5em;
	background: #809CB8 url(/imagenes/tcaja.png) repeat-x;
}
table.compare tbody th {
font: .7em/1.4em Verdana, sans-serif;
color: #000;
text-align: left;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9f9f9;
}
table.compare tfoot td {
font: .7em/1.4em Verdana, sans-serif;
color: #000;
text-align: left;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9f9f9;
}
table.compare tbody td {
	font: 7pt Verdana, sans-serif;
	color: #666;
	text-align: left;
	border-top: 1px solid #eee;
	padding: 0.5em;
} 
/*FIN CLASE TABLAS*/
.event_box {
	font: 7pt Verdana, sans-serif bold;
	color: #036;
	border-bottom: #A7C8DC 1px dashed;
	height: 50px;
	vertical-align:middle;
} 
.event_box p{
		font: 7pt Verdana, sans-serif bold;
		color: #036;
		text-align:left;
		margin:0;
		padding:0;
}