@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; background-image:url(images/Background01.jpg);}
@font-face{font-family: fuente1; src: url(myriad_set/myriad-set-pro_ultralight.ttf);}
@font-face{font-family: fuente2; src: url(../myriad_set/myriad-set-pro_thin.ttf);}
@font-face{font-family: fuente3; src: url(../myriad_set/myriad-set-pro_text.ttf);}
@font-face{font-family: fuente4; src: url(../myriad_set/myriad-set-pro_semibold.ttf);}
@font-face{font-family: fuente5; src: url(../myriad_set/myriad-set-pro_medium.ttf);}
@font-face{font-family: fuente6; src: url(../myriad_set/myriad-set-pro_bold.ttf);}

#novedades p {font-family: fuente3, Tahoma, Arial; font-size:15px; color:#FFF;}
#novedades p a {font-family:  fuente4, Tahoma, Arial; font-size:15px; color:#FFF; text-decoration:none;}
#novedades p a:hover{text-decoration:underline;}

#izquierda p {font-family: fuente3, Tahoma, Arial; font-size:15px; color:#19191A; line-height:25px;}
#izquierda p a {font-family: fuente4, Tahoma, Arial; font-size:15px; color:#19191A; text-decoration:none;}
#izquierda p a:hover{color:#01507B;}

#derecha_int p {font-family: fuente3, Tahoma, Arial; font-size:15px; color:#000;}
#derecha_int p a {font-family: fuente4, Tahoma, Arial; font-size:15px; color:#000; text-decoration:none;}
#derecha_int p a:hover{text-decoration:underline;}
#derecha_int li {font-family: fuente3, Tahoma, Arial; font-size:15px; color:#000;}
#derecha_int li a {font-family: fuente4, Tahoma, Arial; font-size:15px; color:#000; text-decoration:none;}
#derecha_int li a:hover{text-decoration:underline;}

#pie p {font-family: fuente4, Tahoma, Arial; font-size:16px; color:#FFF;}
#pie p a {font-family: fuente2, Tahoma, Arial; font-size:14px; color:#FFF; text-decoration:none;}
#pie p a:hover{color:#f7322a;}

#pie2 p {font-family: fuente2, Tahoma, Arial; font-size:14px; color:#FFF;}
#pie2 p a {font-family: fuente2, Tahoma, Arial; font-size:14px; color:#FFF; text-decoration:none;}
#pie2 p a:hover{color:#f7322a;}

h1 {width:100%; font-family: fuente2, Tahoma, Arial; font-size:18px; color:#FFF; font-weight:bold; padding-top:10px; padding-bottom:10px; background-color:#01507B; margin-bottom:15px;}
h2 {font-family: fuente2, Tahoma, Arial; font-size:18px; color:#FFF; font-weight:bold;}
h2 a {font-family: fuente2, Tahoma, Arial; font-size:18px; color:#FFF; font-weight:bold; text-decoration:none;}
h2 a:hover {text-decoration:underline;}
h3 {font-family:  fuente1, "Trebuchet MS", Tahoma, Arial; font-size:30px; color:#01507B; font-weight:bold;}
.rojo {color:#F7322A;}
h4 {font-family: fuente2, Tahoma, Arial; font-size:18px; color:#19191A; font-weight:bold; margin-top:5px; margin-bottom:-5px;}

#contenedor {max-width:1200px; margin-left:auto; margin-right:auto;-webkit-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.75); background-color:#FFF;}
#linea_top {width:100%; height:10px; background-color:#01507B;}
#top  {width:100%; height:auto; padding-top:25px; padding-bottom:25px;}
#top_izq_v {width:100%; height:auto; text-align:center;}
#top_izq_h {display:none;}
#top_izq_v img {width:100%; max-width:310px; max-height:202px;}
#top_der {width:96%; padding:2%; text-align:center;}
.clear {clear:both;}
#contenido {width:98%; padding:1%; margin-top:1%;}
#novedades {width:100%;  margin-bottom:20px;}
#novedades_int_izq {width:96%; height:auto; padding:2%; background-color:#56565A;}
#novedades_int_der {width:100%; height:auto; overflow:hidden; background-color:#CCC; text-align:center; display:none;}
#novedades_int_der img {width:100%;}
#linea_pie {width:100%; height:10px; background-color:#F7322A;}
#pie {width:98%; padding:1%; background-color:#000; display:none;}
#pie_interior {width:100%; text-align:center;}
#pie2 {width:98%; padding:1%; background-color:#01507B; text-align:center;}
#izquierda {width:96%; margin-left:2%; margin-right:2%; background-color:#E0DEDD; padding:1%; border-bottom:2px solid #F7322A;}
#derecha {width:96%; margin-left:2%; margin-right:2%;}
#derecha img {width:100%; background-color:#F0EFEE;}
#derecha_int {width:96%; padding:2%; background-color:#F0EFEE;}
label {display:block; text-align:left; font-family: Arial; font-weight:400; font-size: 14px; color:#606060; padding-bottom:5px;}
input {width:98%; margin-bottom:10px; height:25px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background-color:#fbfbfb; border:0px;}
textarea {width:98%; margin-bottom:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background-color:#fbfbfb; border:0px;}
.btnsubmit {width:150px; height:35px; border:none; background-color:#01507b; color:#FFF; cursor:pointer;}

.fotitos {
	width:18%;
	float:left;
	height:100px;
	overflow:hidden;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	border:solid; border-color:#666; border-width:1px; text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    background-color:#FFF;
}

@media screen and (min-width:34.375em){
#pie {display:block;}    
#pie_interior {width:48%; text-align:left; float:left; padding-right:2%;}
}

@media screen and (min-width:50em){
#top_izq_v {display:none;}	
#top_izq_h {width:50%; height:auto; text-align:left; float:left; display:block;}
#top_izq_h img {width:100%; max-width:499px; max-height:139px;}
#top_der {width:49%; padding:0%; text-align:right; float:left; padding-right:1%;}
#novedades {width:48%; margin-left:1%; margin-right:1%; float:left;}
#novedades_int_izq {width:68%; height:160px; overflow:hidden; float:left; padding:1%;}
#novedades_int_der {width:28%; height:160px; overflow:hidden; float:left; padding:1%; display:block;}
.centrado1 {text-align:center; height:160px; overflow:hidden; position:relative; display:table;}
.centrado2 {display:table-cell;vertical-align:middle;}
#pie_interior {width:18%; text-align:left; float:left; padding-right:2%;}
#izquierda {width:26%; margin-left:2%;  margin-right:0%; margin-top:11px; float:left;}
#derecha {width:66%; margin-left:2%; margin-right:2%; float:left;}
#pie2 {text-align:left;}
}