@charset "utf-8";

/*---BODY---------------------------------------------------------------*/

body {
	font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color:#0871DE;
	margin:0 auto;
	padding:0;
	color:#036;
}

/* ~~ Selectores de elemento/etiqueta ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
a img {border:none;}
a:link {color:#414958;}
a:visited {color:#4E5869;}
a:hover, a:active, a:focus {text-decoration: none;}

/*---CONTAINER----------------------------------------------------------*/

.container {
	position:relative;
	width:1024px;
	background-color:#B9E7F4;
	margin:0 auto;
}

/*---TOP----------------------------------------------------------------*/

.header {
	position:relative;
	width:1024px;
	height:240px;
	background-image:url(pic/top_01.jpg);
	background-size:100% 100%;
}

#vyhtop {
	float:left;
}

.logo {
	position:relative;
	margin:118px 0 0 20px;
	padding:3px 0 0 0;
	height:115px;
	width:115px;
	xborder:1px solid #0F3;
}

/*---MENU TOP-----------------------------------------------------------*/

#menutop {
	float:left;
	margin:21px 0 0 80px;
	font-size:8px;
}
.nav {
	margin:0;
	padding:0;
	list-style:none;
}
.nav li {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:60px;
	line-height:60px;
	list-style:none;
	text-align:center;
	background-repeat:no-repeat;
}
.nav li a, .nav li a:visited, .nav li a:active {
	display:block;
	text-decoration:none;
	height:60px;
	width:60px;
	-webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px; 
}

#l1 a, #l1 a:visited {background-color:#00CCAF;color:#00559F;}
#l2 a, #l2 a:visited {background-color:#00CCB7;color:#0055A7;}
#l3 a, #l3 a:visited {background-color:#00CCBF;color:#0055AF;}
#l4 a, #l4 a:visited {background-color:#00CCC7;color:#0055B7;}
#l5 a, #l5 a:visited {background-color:#00CCCF;color:#0055BF;}
#l6 a, #l6 a:visited {background-color:#00CCD7;color:#0055C7;}
#l7 a, #l7 a:visited {background-color:#00CCDF;color:#0055CF;}
#l8 a, #l8 a:visited {background-color:#00CCE7;color:#0055D7;}
#l9 a, #l9 a:visited {background-color:#00CCEF;color:#0055DF;}
#l10 a, #l10 a:visited {background-color:#00CCF7;color:#0055E7;}
#l11 a, #l11 a:visited {background-color:#00CCFF;color:#0055EF;}

#l1 a:hover, #l1 a:focus {background-color:#55EEAF;color:#55779F;}
#l2 a:hover, #l2 a:focus {background-color:#55EEB7;color:#5577A7;}
#l3 a:hover, #l3 a:focus {background-color:#55EEBF;color:#5577AF;}
#l4 a:hover, #l4 a:focus {background-color:#55EEC7;color:#5577B7;}
#l5 a:hover, #l5 a:focus {background-color:#55EECF;color:#5577BF;}
#l6 a:hover, #l6 a:focus {background-color:#55EED7;color:#5577C7;}
#l7 a:hover, #l7 a:focus {background-color:#55EEDF;color:#5577CF;}
#l8 a:hover, #l8 a:focus {background-color:#55EEE7;color:#5577D7;}
#l9 a:hover, #l9 a:focus {background-color:#55EEEF;color:#5577DF;}
#l10 a:hover, #l10 a:focus {background-color:#55EEF7;color:#5577E7;}
#l11 a:hover, #l11 a:focus {background-color:#55EEFF;color:#5577EF;}

.current01, .current02, .current03, .current04, .current05, .current06, .current07, .current08, .current09, .current10, .current11 {
	height:60px;
	width:60px;
	-webkit-border-radius:30px;
    -moz-border-radius:30px;
	border-radius:30px;
}

.current01 {background-color:#55EEAF;}
.current02 {background-color:#55EEB7;}
.current03 {background-color:#55EEBF;}
.current04 {background-color:#55EEC7;}
.current05 {background-color:#55EECF;}
.current06 {background-color:#55EED7;}
.current07 {background-color:#55EEDF;}
.current08 {background-color:#55EEE7;}
.current09 {background-color:#55EEEF;}
.current10 {background-color:#55EEF7;}
.current11 {background-color:#55EEFF;}

#point01, #point02,  #point03, #point04, #point05, #point06, #point07, #point08, #point09, #point10, #point11 {
	margin-top:-29px;
	margin-left:6px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:27px 24px 0 24px;
	line-height:0px;
	_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#point01 {border-color:#55EEAF transparent transparent transparent; _border-color:#55EEAF #000000 #000000 #000000;}
#point02 {border-color:#55EEB7 transparent transparent transparent; _border-color:#55EEB7 #000000 #000000 #000000;}
#point03 {border-color:#55EEBF transparent transparent transparent; _border-color:#55EEBF #000000 #000000 #000000;}
#point04 {border-color:#55EEC7 transparent transparent transparent; _border-color:#55EEC7 #000000 #000000 #000000;}
#point05 {border-color:#55EECF transparent transparent transparent; _border-color:#55EECF #000000 #000000 #000000;}
#point06 {border-color:#55EED7 transparent transparent transparent; _border-color:#55EED7 #000000 #000000 #000000;}
#point07 {border-color:#55EEDF transparent transparent transparent; _border-color:#55EEDF #000000 #000000 #000000;}
#point08 {border-color:#55EEE7 transparent transparent transparent; _border-color:#55EEE7 #000000 #000000 #000000;}
#point09 {border-color:#55EEEF transparent transparent transparent; _border-color:#55EEEF #000000 #000000 #000000;}
#point10 {border-color:#55EEF7 transparent transparent transparent; _border-color:#55EEF7 #000000 #000000 #000000;}
#point11 {border-color:#55EEFF transparent transparent transparent; _border-color:#55EEFF #000000 #000000 #000000;}

#l01p, #l02p, #l03p, #l04p, #l05p, #l06p, #l07p, #l08p, #l09p, #l10p, #l11p {
	margin:-17px 0 0 0;
	padding:0;
	font-size:30px;
	height:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#l01p {margin-left:-10px;color:#00CCAF;}
#l02p {margin-left:-55px;color:#00CCB7;}
#l03p {margin-left:-46px;color:#00CCBF;}
#l04p {margin-left:-14px;color:#00CCC7;}
#l05p {margin-left:-38px;color:#00CCCF;}
#l06p {margin-left:-29px;color:#00CCD7;}
#l07p {margin-left:-37px;color:#00CCDF;}
#l08p {margin-left:-28px;color:#00CCE7;}
#l09p {margin-left:-26px;color:#00CCEF;}
#l10p {margin-left:-40px;color:#00CCF7;}
#l11p {margin-left:-43px;color:#00CCFF;}

#l01i, #l02i, #l03i, #l04i, #l05i, #l06i, #l07i, #l08i, #l09i, #l10i, #l11i {
	margin-top:6px;
	width:45px;
	height:45px;
}

#l01i {;}
#l02i {;}
#l03i {;}
#l04i {;}
#l05i {;}
#l06i {;}
#l07i {;}
#l08i {;}
#l09i {;}
#l10i {;}
#l11i {;}

	
.mini img {
	float:left;
	border:none;
	background-color:#69C;
}

/*---CONTENT------------------------------------------------------------*/

.content {
	float:left;
	width:1024px;
	padding:0;
	margin:0;
	background-color:#FEEFD2;
}

.text1 {
	float:left;
	padding:40px 80px;
	margin:0;
	text-align:justify;
}

/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* este relleno reproduce en espejo el relleno derecho de la regla de encabezados y de párrafo incluida más arriba. El relleno se ha colocado en la parte inferior para que el espacio existente entre otros elementos de la lista y a la izquierda cree la sangría. Estos pueden ajustarse como se desee. */
}

/* ---- Contact form -------------------------------------------- */

#logoc {
	float:left;
	margin:10px 0 0 192px;
	Xborder:1px solid #F90;
}

#contact {
	float:left;
	width:400px;
	height:200px;
	margin:10px 0 0 50px;
	padding:0 0 20px 0;
	text-align:center;
	font:16px Arial;
	Xborder:1px solid #F90;
}

#contactweb {
	float:right;
	margin:10px 40px 0 0;
	width:300px;
	height:200px;
}

#soc {
	text-align:center;
	margin:10px 0 0 100px;
	padding:0;
	width:40px;
	list-style:none;
}

#soc li {
	padding:0;
	margin-bottom:20px;
	width:40px;
	line-height:40px;
	list-style:none;
	text-align:center;
}

#soc li a, .soc li a:visited, .soc li a:active {
	display:block;
	text-decoration:none;
	height:40px;
	width:40px;
	color:#FFF;
}

#ls1 a, #ls1 a:active {background-image:url(pic/fb1.png);}
#ls2 a, #ls2 a:active {background-image:url(pic/tw1.png);}
#ls3 a, #ls3 a:active {background-image:url(pic/yt1.png);}
#ls4 a, #ls4 a:active {background-image:url(pic/yt1.png);}

#ls1 a:hover, #ls1 a:focus {background-image:url(pic/fb2.png);}
#ls2 a:hover, #ls2 a:focus {background-image:url(pic/tw2.png);}
#ls3 a:hover, #ls3 a:focus {background-image:url(pic/yt2.png);}
#ls4 a:hover, #ls4 a:focus {background-image:url(pic/yt2.png);}

#contact2 {
	float:right;
	width:300px;
	height:70px;
	margin:30px 75px 0 0;
	padding:0;
	text-align:justify;
	font:14px Arial;
	Xborder:1px solid #F90;
}

#form {
	float:right;
	width:345px;
	height:380px;
	margin:0 50px 0 0;
	padding:0 0 60px 0;
	font:16px Arial;
	Xborder:1px solid #F90;
}

form {
	position:absolute;
	margin:0;
	padding-left:20px;
	background:none;
}

Form * {font: 14px Arial;}

LABEL {margin: 0 10px 20px 0;}

TEXTAREA {
	margin:0 10px 5px 0;
	width:300px;
	height:120px;
	border:none;
	background-color:#FFFBF2;
}

INPUT {
	margin:0 10px 5px 0;
	border:none;
	background-color:#FFFBF2;
	width:300px;
}

SELECT {
	margin:0 10px 5px 0;
	border:none;
	background-color:#FFFBF2;
}

FORM P {
	clear:both;
	margin:0;
}

FORM LABEL {
	width:12%;
	text-align:left;
}

#boton1 {
	float:right;
	margin:15px 40px 0 0;
	padding:0;
	width:80px;
	height:20px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#036;
	background-color:#95C5F7;
	border:solid 1px #428FDF;
}

#boton1:hover {
	background-color:#428FDF;
}

.alerte {font-size:14px;}
.focus {background:#FF8A00;}
.focusr {background:#FF6000;}

#map {
	float:left;
	margin:10px 0 0 50px;
	width:400px;
	height:300px;
	frameborder:0;
	border:2px solid #428FDF;
}


/* ---- Contacto page ------------------------------------------- */

#mess1 {
	width:900px;
	height:50px;
	text-align:center;
}

#boton2 a {
	float:left;
	margin:10px 0 100px 432px;
	padding:0;
	width:80px;
	height:20px;
	cursor:pointer;
	text-align:center;
	font:16px Arial;
	font-weight:bold;
	line-height:20px;
	color:#036;
	background-color:#95C5F7;
	border:solid 1px #428FDF;
	text-decoration:none;
}

#boton2 a:hover {
	background-color:#428FDF;
}


/*---BOTOM--------------------------------------------------------------*/

.footer {
	clear:both;
	width:1024px;
	height:100px;
	padding:10px 0;
	margin:0 auto;
	background:#ddffff; /* Old browsers */
	background:-moz-linear-gradient(top, #FEEFD2 5%, #0be5fe 60%, #0871DE 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(5%,#FEEFD2), color-stop(60%,#0be5fe), color-stop(100%,#0871DE)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FEEFD2 5%,#0be5fe 60%,#0871DE 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FEEFD2 5%,#0be5fe 60%,#0871DE 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FEEFD2 5%,#0be5fe 60%,#0871DE 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FEEFD2 5%,#0be5fe 60%,#0871DE 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEEFD2', endColorstr='#0871DE',GradientType=0 ); /* IE6-9 */
}

.footer p {
	text-align:center;
	margin-top:50px;
	font-size:14px;
	color:#FFF;
}

/*---END----------------------------------------------------------------*/