/* FORMATOS GENERALES ------------------------------------------------ */
/* Especificaciones para las etiquetas de 'html' y 'body' */
html,body{background:#FF5151 url("../img/bg_total.jpg") repeat-x top; font:80% Arial,Helvetica,sans-serif; height:100%; margin:0; padding:0;}

/* Especificaciones para formato de los Enlaces */
a:link{color:#06C; font-weight:bold; text-decoration:underline;}
a:visited{color:#777; font-weight:bold; text-decoration:underline;}
a:hover{color:#003; font-weight:bold; text-decoration:underline;}
a:active{color:#0CF; font-weight:bold; text-decoration:underline;}

/* Especificaciones para formato de los Títulos */
h1,h2,h3,h4,h5,h6{font-family:Arial Narrow,Arial,Helvetica,sans-serif; padding:0; margin:0;}
h1{color:#06C; font-size:220%; font-weight:bold;}
h2{color:#003; font-size:170%; font-weight:bold; margin:0; padding:0; text-align:left;}
h3{color:#06C; font-size:150%; font-weight:bold; margin:0; padding:0; text-align:left;}
h4{color:#003; font-size:130%; font-weight:bold; margin:0; padding:0; text-align:left;}
h5{color:#06C; font-size:110%; font-weight:bold; margin:0; padding:0; text-align:left;}
h6{color:#003; font-size:80%; font-weight:bold; margin:0; padding:0; text-align:left;}
strong {text-transform:uppercase}

/* Especificaciones para formato de los Listados sin órden <ul> */
ul{list-style-image:url('../img/vig1.gif');}
ul ul{list-style-image:url('../img/vig1.gif');}
ul ul ul{list-style-image:url('../img/vig3.gif');}
li{padding:3px 0;}

/* Notas - Clase para el texto a manera de notas, especificaciones o comentarios */
.notes{color:#999; font-style:italic;}


/* ESTRUCTURALES ----------------------------------------------------- */
/* Interfase total - Clase para la tabla que contiene toda la interfase */
.total{height:100%; width:100%;}

/* Tabla de interfase - Identificador para la tabla que contiene los elementos de interfase */
#interface{width:780px;}

/* Contenido (celda) - Clase para la celda que contiene el contenido principal del sitio */
#cel_content{background:#fff url("../img/bg_content.jpg") no-repeat top; height:350px; margin:0; padding:0; vertical-align:top; width:515px;}

/* Menú principal (celda) - Clase para la celda que contiene el flash con el menú principal */
#cel_mainmenu{height:160px; width:550px;}

/* Menú secundario (celda) - Clase para la celda que contiene el flash con el menú secundario */
#cel_secondmenu{height:560px; width:230px;}

/* Borde derecho (celda) - Clase para la celda que contiene el flash con el borde derecho */
#cel_bd_right{height:350px; width:35px;}

/* Borde inferior (celda) - Clase para la celda que contiene el flash con el borde inferior */
#cel_bd_bottom{height:50px; width:550px;}


/* ELEMENTOS COMPUESTOS ---------------------------------------------- */
/* Contenido - Identificador para la capa que contiene el contenido principal de del sitio */
#content{height:230px; margin:0 0 0 40px; overflow:auto; padding:0; position:absolute; text-align:left; width:460px; z-index:1;}
#contentJJ{height:230px; margin:0 0 0 40px; overflow:auto; padding:0; position:absolute; text-align:justify; width:460px; z-index:1;}

#content_table{width:440px;}
#content_table .maincol{padding:10px; vertical-align:top; width:340px;}
#content_table .leftcol{color:#333; font:85% Arial, Helvetica, sans-serif; padding:10px 30px 10px 20px; text-align:right; vertical-align:top; width:120px;}
#content_table .leftcolJJ{color:#333; font:75% Arial, Helvetica, sans-serif; padding:10px 30px 10px 20px; text-align:right; vertical-align:top; width:80px;}
#content_table .singlecol{padding:10px 20px; vertical-align:top; width:440px;}
#content_div{padding:10px 20px; vertical-align:top; width:440px;}

/* Formularios - Identificador para las tablas que contienen formularios */
fieldset {border:1px solid #06C;}
legend {color:#06C; font:bold 200% Arial Narrow,Arial,Helvetica,sans-serif; margin:0 4px; padding:0 4px;}
#form {width:90%;}
#form td {padding:5px;}
#form .input {color:#333; font:100% Arial,Helvetica,sans-serif; width:85%;}
#form select {color:#333; font:100% Arial,Helvetica,sans-serif; width:85%;}
#form textarea {color:#333; font:100% Arial,Helvetica,sans-serif; height:100px; width:85%;}
#form .col1 {color:#333; font-weight:bold; text-align:right; vertical-align:top; width:30%;}
#form .col2 {color:#333; text-align:left; vertical-align:top;}
/*#form .button {cursor:pointer; background-color:#C00; color:#FFF; font:bold 12px Arial,Helvetica,sans-serif; border:2px outset #FFF; clear:right;}*/
.required {color:#F00; font-weight:bolder;}
#galeria {
	clear:both;
	width:95%;
	height:60px;
}
#galeria img {
	width:60px;
	height:60px;
	float:left;
	border:2px dotted #ffffff;
}
/*#galeria img:hover {
	width:120px;
	height:120px;
}
*/
#galeria2 {
	clear:both;
	width:95%;
	height:60px;
}
#galeria2 img {
	width:60px;
	height:60px;
	float:left;
	border:2px dotted #ffffff;
}
/*#galeria2 img:hover {
	width:120px;
	height:120px;
}*/
#galeria3 {
	clear:both;
	width:95%;
	height:60px;
}
#galeria3 img {
	width:60px;
	height:60px;
	float:left;
	border:2px dotted #ffffff;
}
/*#galeria3 img:hover {
	width:120px;
	height:120px;
}*/
#galeria4 {
	clear:both;
	width:95%;
	height:60px;
}
#galeria4 img {
	width:60px;
	height:60px;
	float:left;
	border:2px dotted #ffffff;
}
/*#galeria4 img:hover {
	width:120px;
	height:120px;
}*/
#galeria5 {
	clear:both;
	width:95%;
	height:60px;
}
#galeria5 img {
	width:60px;
	height:60px;
	float:left;
	border:2px dotted #ffffff;
}
/*#galeria5 img:hover {
	width:120px;
	height:120px;
}*/



/*tablas*/
caption {text-transform:uppercase;text-align:left;padding:10px 0;font-size:120%}
#content td {background-color:#99c6ef;text-align:left;font-size:13px}
#content th {font-size:12px}
#content td:hover {color:#ccc;background-color:#fff}

/* Título de sección - Identificador para la capa que contiene el título (imágen) de la sección */
#sec_title{height:60px; padding:0; width:300px;}

/* Listados - Identificador para la tabla que se utiliza a manera de listado a dos columnas */
#list_element{border-bottom:2px dotted #036; margin-bottom:10px; padding:10px; width:440px;}
#list_element img{float:right; margin:0 20px 5px 10px;width:50px;height:50px;}
#content img {
	margin-left:30px;
}
/*Menu fotos*/
#content #menuFotos{
	width:90%;
}
#menuFotos ol li h3 {
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	width:50%;
}
#content #menuFotos ol {
	width:100%;
	list-style-type:none;
	
}
#content #menuFotos ol li {
	display:inline;
	
}
#content #menufotos ol li a img {
	width:70px;
	height:70px;
	border:0;
}
#content #menufotos ol li a{
	width:50%;
}