@charset "utf-8";

body {
margin: 0;
padding: 0;
background-repeat: repeat-x;
background-position: left 272px;
background-color:#F3F3F3;
font: normal small Tahoma, Verdana, Geneva, Arial, Helvetica;
color: #000000;
}

#logo {
width: 150px;
height:150px;
background: #FFFFFF url(../img/logo.png) no-repeat top left;
float:left;

}


#medio {
width: 100%;
height: 14px;
background: #002D97 url(../img/bgmedio.png) repeat-x bottom center;
}

#medioinf {
margin:auto;
width: 800px;
height: 10px;
background: #ccc url() repeat-x bottom center;
}

.superior {
width: 800px;
height:142px;
margin: auto;
padding-top:2px;
padding-bottom:15px;
background: #fff;


}

#envoltura {
width: 100%;
background: #fff;
border-top: 6px solid #002D97;
}

.inferior{
background-color: #002D97;
height:100%;
width:800px;
display:table;
margin:0px auto;
margin-bottom:8px;
}

.inferiorfondo {
margin:0px auto;
width:800px;
background: #002D97 url(../img/footer.png) no-repeat bottom center;
float:left;
display:block;
color:#fff;
font: 0.85em/1.30em small Tahoma, Verdana, Geneva, Arial, Helvetica;
}

#infizq{
width:494px;
float:left;
text-align:left;
padding:5px 3px 10px 3px;
}

.infder{
width:294px;
float:left;
text-align:right;
padding:5px 3px 10px 3px;
}

.infder a:link, .infder a:visited {
color:#FFF;
text-decoration: none;
}

.infder a:hover, .infder a:active  {
color:#80AFD2;
text-decoration: none;
}


#navegacion {
width: 645px;
height:142px;
float:right;
}

#navegacion a {
 width:120px;
 display: block;
 background-color: #fff;
 color: #8C8C8C;
 font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica;
 text-decoration: none;
 height: 20px;
 margin: 110px 3px 0px 3px;
 text-align:center;
 padding-top: 10px;
}

#navegacion a{ float: right; display: inline;   }


#navegacion a:hover, #navegacion li.iehover a {
 background-color: #CCCCCC;
 color: #002D97;

}

.contenido {
width: 800px;
margin:auto;
background: #fff;
margin-top: 8px;
border-top: 5px solid #002D97;
display:table;
}

.contenvol{
margin: 0 auto;

}


.conizq {
margin:3px 1px 1px 3px;
width: 402px;
display:block;
float:left;
background: #fff url(../img/bg_cont.png) repeat bottom center;

}


.conder {
margin:3px 3px 1px 1px;
width: 387px;
display:block;
float:right;
background: #fff url(../img/bg_cont.png) repeat bottom center;
color: #000;
text-align:justify;
font: 12px small Tahoma, Verdana, Geneva, Arial, Helvetica;
}


.conder p {
margin-top: 0px;
margin-bottom: 10px;
}

.conizq2 {
margin:5px 1px 5px 3px;
width:250px;
float:left;
padding-top: 5px;
}

.conder2{
margin:5px 3px 5px 1px;
width: 535px;
background: #fff url(../img/bg_cont.png) repeat bottom center;
color: #000;
text-align:justify;
font: 0.95em/1.80em small Tahoma, Verdana, Geneva, Arial, Helvetica;
float:left;
}

.salto {

clear: both;

}

#eizq {
width: 180px;
float:left;
text-align:right;

}

#eder {
width: 350px;
float:right;
text-align:left;

}

#eizq p {
margin-top: 0px;
margin-bottom: 5px;
}

#eder p {
margin-top: 0px;
margin-bottom: 5px;
}

#botsend {
float:right;
width: 580px;
text-align:center;
margin-top:15px;
margin-bottom:30px;
}

#syscap{
float:right;
width: 580px;
text-align:center;
margin-top:15px;
margin-bottom:15px;
}


#s3slider { 
width: 500px; /* important to be same as image width */ 
height: 265px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#s3slider ul li {
list-style-type:none
}

#s3sliderContent {
width: 500px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
/*margin-left: 0; /* important */
margin:auto;
padding:0;
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */

}

.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding: 5px 5px 10px 5px;
width: 390px;
background-color: #000;
text-align:justify;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image 
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}

.clear {
clear: both;
}

.menuinf{
float:left;
display:block;
margin:auto;
width: 800px;
height: 20px;
background-color: #ccc;
text-align:center;
text-decoration:none;
padding-top:10px;
color:#002D97;
}

.menuinf a:link, .menuinf a:visited{
color:#002D97;
text-decoration:none;
font: 0.85em/1em small Tahoma, Verdana, Geneva, Arial, Helvetica;
}

.menuinf a:hover, .menuinf a:active{
color:#000;
text-decoration:underline;
font: 0.85em/1em small Tahoma, Verdana, Geneva, Arial, Helvetica;
}

.botoneros{
width:800px;
height:120px;
display:table;
margin:0 auto;
}

.boton1 a{
margin:0px 0px 3px 0px;
width: 196px;
padding:0;
float:left;
}
.boton1 a:hover, .boton1 a:focus, .boton1 a:active {
background: transparent url(../img/ban01hover.gif) no-repeat;

}
.boton1 a:hover img, .boton1 a:focus img, .boton1 a:active img  {
background : transparent;
visibility : hidden;
}

.boton2 a{
margin:0px 0px 3px 0px;
width: 196px;
padding:0;
float:left;
}
.boton2 a:hover, .boton2 a:focus, .boton2 a:active {
background: transparent url(../img/ban02hover.gif) no-repeat;

}
.boton2 a:hover img, .boton2 a:focus img, .boton2 a:active img  {
background : transparent;
visibility : hidden;
}

.boton3 a{
margin:0px 0px 3px 0px;
width: 196px;
padding:0;
float:left;
}
.boton3 a:hover, .boton3 a:focus, .boton3 a:active {
background: transparent url(../img/ban03hover.gif) no-repeat;

}
.boton3 a:hover img, .boton3a:focus img, .boton3 a:active img  {
background : transparent;
visibility : hidden;
}

.boton4 a{
margin:0px 0px 3px 0px;
width: 196px;
padding:0;
float:left;
}
.boton4 a:hover, .boton4 a:focus, .boton4 a:active {
background: transparent url(../img/ban04hover.gif) no-repeat;

}
.boton4 a:hover img, .boton4 a:focus img, .boton4 a:active img  {
background : transparent;
visibility : hidden;
}

/* mensajes */

.enviado {

background-color: #D2FFD3;
color: #000000;
font: 13px Verdana, Tahoma, Arial, Helvetica, sans-serif;
width: 90%px;
text-align:center;
margin:5px 3px 5px 3px;
padding:5px 3px 5px 3px;
}

.requerido1 {

background-color: #FE9798;
color: #000000;
font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
width: 90%px;
text-align:center;
padding:5px 3px 5px 3px;
margin-top:5px;
margin-bottom:0;
margin-left:3px;
margin-right:3px;
}
.requerido2 {

background-color: #FE9798;
color: #000000;
font: 13px Verdana, Tahoma, Arial, Helvetica, sans-serif;
width: 90%px;
text-align:justify;
padding:5px 3px 5px 3px;
margin-top:0;
margin-bottom:5px;
margin-left:3px;
margin-right:3px;
}

.titulo {
font: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: 900;
background-color: #002D97;
color:#fff;
width: 99%;
text-align:center;
padding:5px 3px 5px 3px;
margin-top:5px;
margin-bottom:15px;
margin-left:2;
margin-right:2;

}

.tabla1 {
margin:auto;
width: 80%;
}
.anuncio{
font: 0.95em/1em small Tahoma, Verdana, Geneva, Arial, Helvetica;
text-align:center;
margin-top:25px;
margin-bottom:25px;
}


.tdizq{
text-align:right;

}

textarea {
	font: 1em/1em small Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	border: 1px solid #002D97;
}
input {
	font: 1em/1em small Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	border: 1px solid #002D97;
}

select {
	font: 1em/1em small Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	border: 1px solid #002D97;
}

fieldset {
color: #000000;
border: 0px solid #fff;
}

.album {
text-align:center;
}
.album img {
border:0;
padding-top:10px;
padding-bottom:10px;
}

/*  Clase: Internet Explorer no soportado  */
.iexplore {background: #E11E1E; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica; color: #fff; font-size: 15px; margin: auto; padding-top: 20px; height:  80px; font-weight: bold; text-align: center; z-index:0;}
.iexplore a, .iexplore  a:link, .iexplore o a:visited {color: #000086;}
.iexplore  a:hover {color: #0000FF;}





#contentContainer h2{	/* No margins above <h2> tags */

}

#mainContainer{
margin: 0 auto;
	width:537px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#contentContainer{
	float:left;
	overflow:auto;
	padding-right:5px;
	padding-left:5px;
	margin:0px;
	
	/* CSS HACK */
	width/* */:/**/525px;	/* Other browsers */
	width: /**/525px;
	
	/* CSS HACK */
	height/* */:/**/275px;	/* Other browsers */
	height: /**/275px;
			
}


#contentContainer .titulocontai{
	color:#002D97;
	text-align:left;
	font: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 700;
}

#contentContainer .titulo2contai{
	color:#002D97;
	text-align:left;
	font: 12px normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
	
}


#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:50px;
	overflow:auto;	
	width:537px;
	text-align:left;
}
.articleList{
	margin:0px;
	padding:2px;
	font-size: 11px;
	
}


.articleList li{	/* General layout article in list */
	list-style-type:none;
	float:left;
	height:30px;
	width:131px;
	color:#333;
	cursor:pointer;
	margin-right:1px;
	margin-left:1px;
	text-align:center;
	padding-top:10px;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	color:#AFAFAF;
	text-decoration: underline;

}
.articleList li.articleClick{	/* Active article in list - layout */
	color:#000;
	text-decoration: underline;
	background-image: url(../img/tick.png);
	background-repeat: no-repeat;
	background-position: center top;
}


.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}
.clear{
	clear:both;
}

.mensjaecarga {
width:530px;
margin-top:80px;
color: #000000;
font: 15px Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-align:center;
}

#slideShow1
{
	width: 245px;
	height: 350px;
	padding: 1px;
	background-color: #fff;
	margin-top: 5px;
	margin-left:2px;

}

.pagelinks a
{
	font-weight: bold;
	color: #666;
}
.slideCaption
{
	background-color: #002D97;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	color:#fff;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.pagelinks a.activeSlide
{
	color: #002D97;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(../img/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(../img/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.prevSlide:hover
{
	background-image: url(../img/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}
#slideShow1 a {
  text-decoration: none;
}

.skype{
width: 200px;
height: 450px;
padding: 1px;
background-color: #fff;
border: 1px solid #AFB4B4;
margin:0 auto;
margin-bottom:20px;
padding-bottom:10px;
text-align:center;
padding-top:10px;
font: 0.87em/2.0em Verdana, Tahoma, Arial, Helvetica, sans-serif;

}

.direccion{
width: 200px;
height: 450px;
padding: 1px;
background-color: #fff;
border: 1px solid #AFB4B4;
margin:0 auto;
margin-bottom:20px;
padding-bottom:10px;
text-align:center;
padding-top:10px;
font: 0.87em/1.8em Verdana, Tahoma, Arial, Helvetica, sans-serif;

}



.descar{
width: 200px;
height: 320px;
padding: 1px;
background-color: #fff;
border: 1px solid #AFB4B4;
margin:0 auto;
margin-bottom:20px;
padding-bottom:10px;
text-align:center;
padding-top:10px;
font: 0.87em/2.0em Verdana, Tahoma, Arial, Helvetica, sans-serif;

}


#horario {
padding:2px 3px 4px 2px;
}

.itemdes{

height:40px;
text-align:justify;
border: 1px solid #DEDEDE;
margin: 14px 2px 14px 2px;
background: url(../img/right.png) no-repeat center left;
padding:20px 5px 2px 20px;
}

.itemdes a{
color:#001A4D;
text-decoration:none;

}
.itemdes a:hover, .itemdes a:focus, .itemdes a:active {
color:#002D97;
}


.no{

margin-top:150px;
margin-bottom:150px;
text-align:center;
}

.descarga{



}