/*------------------------------------------------------------
amartinez
CSS demo para SIMAPE
Curso 2005-2006

version01: 29-03-2007
version 02: 03-08-2007
--------------------------------------------------------------*/
/*
Undo browser defaults
http://tantek.com/log/2004/09.html#d06t2354
*/

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, div {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}


/*---------*/

/* estilos comunes a todas las páginas */

body {
	text-align: center; 
	font-size:13px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F1F1F1;
}

#main {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	
}
#navegacion {text-align:right; font-size:90%; margin-right: 20px; margin-top:30px; letter-spacing:0.1em;}
#navegacion a, #navegacion a:link, #navegacion a:visited {border:1px solid #C7C005; color:#000; background-color:#F1F1F1; padding:3px 4px;}
#navegacion a:hover {background-color:#F9F9E6; color:#000; border-color:#C7C005;}


#cabecera{
	clear:both;
	background-color:#E6E6E6; 
	width: 100%;color:inherit; 
	height:50px; 
	border-top:8px solid #2A58DD;
}

#cabecera img{border:0px; float:right;}

#cabecera h6 {
	font-size: 90%; 
	color: #000; 
	background-color:inherit; 
	padding:2px 0px; margin-top:16px; 
	font-weight:normal; 
	line-height:1em; 
	text-align:right;
}

#contenedor{border-left:1px dotted #CDCDCD; border-right:1px dotted #CDCDCD; background-color:#FFFFFF; color:inherit;}


/* estilos menú de navegación */
#menu{
	width:140px; 
	float:left; 
	background-color:#FFF; 
	color:#000; 
	font-size:80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	clear:both; 
	padding-right:20px; 
	border-right:1px dotted #DCDCDC; 
	margin-bottom:20px;	
}


.recuadro {color:inherit; background-color:#616161;background:url(../img/fondo_menu.png); background-repeat:no-repeat; text-decoration:none; margin-top:10px; margin-left:10px; margin-bottom:10px; padding:5px 7px; border:1px solid #A4A3A5;} 
#menu .recuadro a:link, #menu .recuadro a:visited, #menu .recuadro a:active {color:#3A3A3A; text-decoration:none; background:transparent; line-height:1.4em;}
#menu .recuadro a:hover{color: #000;}

.recuadro_activo /*cuando estamos en la página de uno de los items del menu que sigue secuencia*/ {background-color:#2A58DD; color: #1E4EDA; background:url(../img/fondo_menu_a.jpg); background-repeat:no-repeat; border:1px solid #5D7FE4;  margin-top:10px; margin-left:10px; margin-bottom:0px; padding:5px 7px;}
#menu .recuadro_activo a:link, #menu .recuadro_activo a:visited, #menu .recuadro_activo a:active {color:#FFF; text-decoration:none; background:transparent; line-height:1.4em;}

#menu img{margin-left:64px;}
#menu ul{margin:0px; padding:7px 0px 0px 0px; font-size:110%;}
#menu ul li {
	color:#2A58DD;
	list-style-type: none; 
	list-style-image:url(../img/bullet_index.png);
}


#menu ul li a {width:100%; text-decoration: none; color:#333; background-color:#FFF;padding:2px 2px 2px 0px;}

#menu ul li a:hover{ 
	text-decoration:none; 
	background-color:#DFE6FA; 
	color:#063BD6; 
	/*border-bottom:1px solid #063BD6;*/
	
}


/* --------- */

/* estilos contenidos */
#content{ 
	width:520px; 
	float:right; 
	background:url(../img/marca_agua.png) no-repeat right bottom; 
	padding-bottom:100px; 
	margin-bottom:0px; 
	margin-right:15px;
	padding-right:10px;
	left:-50px;
}

#video { 
	margin:10px 0px 20px 0px; 
	padding-top:0px; 
	border:1px solid #98A795; 
	background-color:#FFFFFF; 
	color:#000000; 
	width:498px;
	clear:both;
	float:left;
}

#content a:link, #content a:visited {
	color:#698AE7; 
	background-color:inherit; 
	text-decoration:underline; 
}

#content .externo{ 
	background-image:url(../img/external_link.gif); 
	background-position: right top; 
	background-repeat: no-repeat; 
	padding-right:10px; 
	margin-right:3px; 
} 

#content a:hover {background-color:#DFE6FA; color:#063BD6;}

#content a img{border:0px;} /* para evitar recuadro alrededor de las im?genes que llevan enlace */

h1, h2, h3, h4, h5 { font-family:"Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; }
h1 { 
	font-size: 140%;
	font-weight:bold;
	color: #2A58DD; 
	background-color:inherit; 
	padding-top: 25px; 
	margin-bottom: 18px; 
	font-style:normal; 
	text-transform:uppercase;  
	padding-bottom:1px;
}

h2 {
	font-size: 125%; 
	font-weight:bold;
	text-align:justify;
	color: #10AA05; 
	margin-bottom:15px;  
	padding:2px 0px; 
	/*border-bottom: 1px dashed #CF6006;*/
}

h3{ 
	color: #666; 
	background-color:inherit;
	font-size:95%;
	padding: 0px; 
	margin-top:10px; 
	margin-bottom:8px; 
	border-bottom: 1px solid #CDCDCD; 
	border-top: 1px solid #CDCDCD; 
}

h4 {
	letter-spacing:0.1em; 
	margin: 10px 0px 5px 0px; 
	font-size:95%;
}

h5 {font-size:95%;
padding: 10px 0px 5px 0px;}
p {
	font-size:95%;
	color: #000;
	background-color:inherit;
	line-height:1.7em;
	background-color:inherit;
	padding:5px 0px 5px 0px;
	
}

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

ul {
	color: #333;
	margin: 0 0 0 0px;
	padding-left:15px;
	list-style-type: none;
	line-height: 1.3em;
	padding-bottom:15px;
	padding-top:15px;
	background-color:inherit;
}

ol {
	font-size: 90%;
	color: #333;
	padding:10px 15px 10px 15px;
	line-height: 1.5em;
	background-color:inherit;
	text-align:left;
}

ul li {
	font-size: 90%;
	list-style-image:url(../img/bullet_lista.png);
	list-style-position:outside;
	margin-left:20px;
	padding-bottom:5px;
	margin-right:20px;

}

#content .sublista {	
	font-size: 90%;
	list-style-type: none;
	line-height: 1.8em;
}

#content .sublista2 {
	font-size: 100%;
	background-image: none;
	list-style-type: none;
	line-height: 1.8em;
	padding-left:30px;
}

#content .sublista3 {
	font-size: 100%;
	background-image: none;
	list-style-type: none;
	line-height: 1.8em;
	padding-left:50px;
}

#content ol li {
	list-style-type: decimal;
	margin-left: 20px;
}

#content ol .sublista {
	margin-left: 30px;
	font-size: 100%;
	background-image: url(../uned_images/bullet_lista.gif);
	background-repeat: no-repeat;
	background-position: 0.2em 0.4em;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 15px;
}

/* --------- */

/* estilos pie de pagina */
#footer{
	clear:both; 
	padding: 5px 30px 10px 15px; 
	border-top:1px dotted #DCDCDC;
	bottom:0; 
	background-color:#cdcdcd; 
	margin:0px; 
	color:#666;
}

#footer h6 {font-size: 75%;  margin: 0 0 0 0px; text-align:right;}

/* --------- */



.info {
	color:inherit;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.5em;
	background-color: #EDF2F7;
	border-bottom: 1px dashed #B2B2B2;
	border-top: 1px dashed #B2B2B2; 
	width:45%; float:right;
	margin: 10px 0px 10px 10px;
	z-index:1;
}

.tituloinfo h3 {
	font-size: 90%;  letter-spacing:0.1em;
	margin:0 0 0 0px;
	padding-left:0px
}

.info p {padding: 0; margin: 0.5em;}

/* estilos para tablas */


table{
	color: #333333;
	padding: 1px 1px;
	margin-top: 7px;
	margin-bottom: 20px;
	border: 1px solid #AFA4F2;
	background-color:inherit;
	width:100%;
}

table caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #555555;
	text-align: left;
	font-weight: bold;
	margin: 15px 3px 0px 15px;
	margin-left:0px;
	line-height: 2em;
	background-color:inherit;
}

table th { 
	font-size: 100%; 
	color: #FFFFFF; 
	background-color: #5579E4; 
	padding: 3px; 
	text-align:center;
}

table td{ 
	color: #68686B; 
	padding: 3px; 
	vertical-align:top; 
	background-color:inherit; 
}

table td.confondo{
	color: #68686B;
	background-color: #F1F1F1;
	padding: 3px;
}

table tr.confondo{
	color: #68686B;
	background-color: #F1F1F1;
	padding: 3px;
}

table th.resaltado{ 
	color: #68686B; 
	padding: 3px; 
	vertical-align:top; 
	background-color:#FFF;
	font-weight:bold; 
	
}
table td.resaltado{font-weight:bold; }
table tr { font-size: 95%;}

table p{ color: #68686B; background-color:inherit; line-height:normal; font-size:100%;}


table ol li, table ul li {font-size:110%; line-height:2em; font-weight:normal;}

/* estilos para texto presentacion 00 */

#c1{
	width:520px;
	position:absolute;
	top:272px;
	visibility:visible;
	clip: rect(0,520,0,0);
	clear:both;
	left: 319px;

}

/* ESTILOS PARA NUEVO MENU CONTRACTIL */
div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}