*{margin:0; padding:0;}
ul, ol { list-style:none; }
html, body { background: url(img/back.png) repeat-x; font:normal 12px/18px Arial, Verdana, Helvetica, sans-serif; color:#333; text-align:left; margin-bottom:35px; color:#555;}


.intro {padding:5px; background:#F2F2F2; border:1px solid #D2D2D2;}

h2, h3, h4, p { margin-bottom:13px; }
h3 { margin-top:13px; }
a { color:#0066FF; }
a img { border:none; }
a:hover { color:#000; }
#wrap { width:900px; margin:0 auto;}
#header { height:75px; }
#widecol { width:665px; float:left; }
#content { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#FFF; padding:15px 0 25px 15px; }
.clear { clear:both;}
.pic {float: right; border:3px solid #e2dac4; padding: 2px; margin: 4px 0px 5px 5px;}
.picrnob {float: right; margin: 4px 0px 10px 10px;}
.path {height:30px; color:#999999; font:normal 11px Arial, Verdana, Helvetica, sans-serif;}

#header h1{ float:left; background:url(img/logo.png) no-repeat; width:392px; height:75px; display:block; }
#header h1 span { display:none; }

li small { color:#993300; }

.mapa { margin-bottom:20px; text-align:center;}

/* COL1
-----------------------------------------------------*/
.col1 { width:190px; float:left; margin-right:15px; }
.col1 h3 {margin:0; background:url(img/background-col1.png) top left; width:180px; height:25px; color:#CCCCCC; font:bold 10px/25px Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; padding-left:10px; }

/* COL2
-----------------------------------------------------*/
.col2 {width:200px; float:left; padding-top:7px; font:normal 11px/14px Arial, Verdana, Helvetica, sans-serif; color:#333; text-align:left;}
.col2 ul{
	padding-left:5px;
}
.col2 ul li{
	background-image:url(img/bulletin.gif);
	background-position:1px 2px;
	background-repeat:no-repeat;
	padding-bottom:15px;
	margin-left:10px;
	padding-left:10px;
}


.toolscolor { color:#993300; }
.col2 h3 {margin:0; background:url(img/background-titulos.png) top left; width:190px; height:25px; color:#CCCCCC; font:bold 10px/25px Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; padding-left:10px; }
ul.bloqueinfo {background:#F2F2F2}
ul.bloqueinfo li {display:block; border-top:1px solid #D2D2D2; padding:4px 6px; border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2; }
ul.bloqueinfo li.marca { background:#E5E5E5; }
.bottom_bloqueinfo { width:200px; height:3px; width:200px; background:url(img/cosasredondeadas.png) no-repeat; margin:0 0 10px 0; }

.col2 p { padding:5px 7px; }


div#banner { margin-bottom:15px; }


/* COLCENTER	
-----------------------------------------------------*/

.graph { float:left; width:142px; margin-right:6px; }

.colcenter {width:445px; float:left; margin-right:15px; }
.colcenterwide { width:665px; float:left; }

.colcenter h1, .colcenterwide h1 { font:normal 22px/26px Georgia, "Times New Roman", Times, serif; color:#000; padding-bottom:5px; border-bottom:2px solid #e2dac4; margin-bottom:14px; clear:both; display:block;}

.colcenter h2, .colcenterwide h2 { font:normal 16px/18px Georgia, "Times New Roman", Times, serif; color:#000; padding-bottom:5px; border-bottom:2px solid #e2dac4; margin-bottom:14px; clear:both; display:block;}

.colcenterwide h1 small { font:normal 15px Arial, Helvetica, sans-serif; }
.colcenter h3, .colcenterwide h3 { font:bold 15px/20px Arial, Helvetica, sans-serif; color:#555; }
.colcenter ul, .colcenterwide ul {list-style:none; margin:0 0 10px 0; padding:0; line-height:18px;}
.colcenter ul li, .colcenter ol li, .colcenterwide ol li, .colcenterwide ul li { padding:0 0 10px 20px; background:url(img/bulletin.gif) no-repeat 5px 2px; }
.colcenter ol, .colcenterwide ol {margin-left:0; padding-left:25px; line-height:15px;}
.colcenter ol li, .colcenterwide ol li { padding:0 0 6px 0; background:none; border-bottom:1px solid #D2D2D2; margin-bottom:8px;}
.colcenter a, .colcenterwide a { color:#0066FF; }
.colcenter a:hover, .colcenterwide a:hover { color:#000; }
.colcenter blockquote{
	margin-left: 30px;
	background-color:#F2F2F2;
	margin-right: 30px;
	padding: 10px;
	border: 1px solid #D1E0E0;
}
.colcenter p{
	text-align:justify;
}


#content th, #content td {
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;;
	text-align: left;
	vertical-align: top;
	color:#555;
	padding: 6px;
	border-bottom: 1px solid #c7c8ca;
	border-right: 1px solid #c7c8ca;

}

#content table {
background:#FFFFFF; 
border: 1px solid #c7c8ca; 
}
#content td{
	background:#F1F2F3;
}

#content table a {color:#555; text-decoration:underline;}
#content table a:hover {color:#000; text-decoration:underline;}
#content table a:visited {color:#999; text-decoration:underline; background:url(img/icon-revisado.png) no-repeat bottom right; padding-right:15px;}

#content th {
	font:bold 11px Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	padding:5px;
	border-top: 1px solid #c7c8ca;
	border-right: 1px solid #CCC;
	background:#000070 url(img/background.png) repeat-x;
	color: #FFFFFF;
	
}

/* FOOTER
-----------------------------------------------------*/
#footer {
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	background:url(img/pie.png) bottom;
	padding:15px;
	color:#999999; }
#footer a {
	color:#FFF; }
#footer a:hover {
	color:#999; }


/* MENU SUPERIOR DE NAVEGACIÓN ----------- */
ul#navigation { padding-top:33px; width:350px; margin:0; list-style:none; float:right;}
#navigation span {display:none;}

#navigation li{float:left; padding-left:3px;}
#navigation li a {display: block; height: 21px; margin:0; padding:0;}

li a#inicio{width: 58px; background: url(img/menu-inicio.png) no-repeat 0 0;}
a#inicio:hover { background: url(img/menu-inicio.png) no-repeat 0 -21px;}

li a#acerca {width: 159px; background: url(img/menu-acerca.png) no-repeat 0 0;}
a#acerca:hover {background: url(img/menu-acerca.png) no-repeat 0 -21px;}

li a#contacto {width: 84px; background: url(img/menu-contacto.png) no-repeat 0 0;}
a#contacto:hover {background: url(img/menu-contacto.png) no-repeat 0 -21px;}

/* MENU SUPERIOR DE NAVEGACIÓN ingles----------- */

li a#inicio_en{width: 58px; background: url(img/menu-inicioen.png) no-repeat 0 0;}
a#inicio_en:hover { background: url(img/menu-inicioen.png) no-repeat 0 -21px;}

li a#acerca_en {width: 159px; background: url(img/menu-acercaen.png) no-repeat 0 0;}
a#acerca_en:hover {background: url(img/menu-acercaen.png) no-repeat 0 -21px;}

li a#contacto_en {width: 84px; background: url(img/menu-contactoen.png) no-repeat 0 0;}
a#contacto_en:hover {background: url(img/menu-contactoen.png) no-repeat 0 -21px;}

/*MENU SUPERIOR IDIOMA ------------ */
ul#idioma { padding-top:0px; width:214px; margin:0; list-style:none; float: right;}
#idioma span {display:none;}

#idioma li {float:left; padding-left:3px;}
#idioma li a{display:block; height:21px; margin:0; padding:0;}

li a#idiomaesp{width: 84px; background: url(img/menu-espanol.png) no-repeat 0 -21px;}
a#idiomaesp:hover{background: url(img/menu-espanol.png) no-repeat 0 0px;}

li a#idiomaing{width: 84px; background: url(img/menu-ingles.png) no-repeat 0 -21px;}
a#idiomaing:hover{background: url(img/menu-ingles.png) no-repeat 0 0px;}

/* DECORACIÓN EXTRA ---------------------- */
.imgdecorada{
	padding:5px;
	margin:5px;
	float:left;
	background:#F1F2F3;
	border: 1px solid #c7c8ca; 
}
.leyenda{
	color:#AAACCC;
	font-style: normal;
	font-size: 9px;
}