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

@font-face {
    font-family: "CalifornianFB", sans-serif;
    src: url(imagenes/Californian_FB.ttf);
    src: url(imagenes/Californian_FB.woff);
}
@font-face {
    font-family: "Cambria", sans-serif;
    src: url(imagenes/Cambria.ttf);
    src: url(imagenes/Cambria.woff);
}
body {
	margin: 0 auto;
	background: #dbeef4;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	margin:0;
}

a img {border: 0}

a {
	color: #21759b;
    text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}


/* ============================= main layout ====================== */

a{ color:#09C; text-decoration: none; outline:none}
a:hover{ text-decoration: none; color:#000}
li{ list-style:none}
h1{}
img{ vertical-align:top; border:none}

/* ============================= ESTRUCTURA ====================== */

.fullwidth { width:100%; text-align:center}
.contenedor { max-width:980px; margin: 0 auto; background-color:#FFF; padding:10px 20px}
.contenedormenu { max-width:980px; margin: 0 auto}
.header { background:#ebebeb url(imagenes/fondo-header.jpg) repeat-x; min-height:130px; margin-top:0}
.logo { margin:15px; width:auto; float:left}
.logo img { max-width:100%}
#slogan { margin:15px; width:auto; float:right}
#slogan img { max-width:100%}
.menusup { background-color:#ededed}
.menuinf { background:url(imagenes/fondo-menuinf.jpg) repeat-x}

#bannertop { width:100%}
#bannertop .banimagen { width:50%; float:left; text-align:left}
#bannertop .banimagen img { max-width:100%; border-radius:10px}
#bannertop .bantexto { width:50%; float:left; text-align:center}
.frase { text-align:center; color:#333; font-size:150%; font-weight:bold; font-family:"Times New Roman", Times, serif; padding:15px 0; margin:15px 0}
.cita { text-align:center; color:#333; font-style:italic; font-size:120%; font-family:"Times New Roman", Times, serif; padding:20px 0}
.left { width:46%; float:left; margin:auto 2%}
.right { width:46%; float:right; margin:auto 2%}

#menulat { margin-right:20px; width:230px; float:left}
#menulat .item { font-size:12px; font-weight:normal; padding:5px; background:url(../images/fondo-menu-lateral.jpg) center repeat-y}
#menulat .itemlast { font-size:12px; font-weight:normal; padding:5px; background:url(../images/fondo-menu-lateral.jpg) center repeat-y}
#menulat a { color:#015291; text-decoration: none; outline:none; font-size:100%; font-weight:normal}
#menulat a:hover { text-decoration: none; color:#16acde}

#contder { width:720px; float:right}

.titulotop {font-size:60px; color: #000; font-family:CalifornianFB; text-align:center; padding:20px 0}
.tituloscambria {font-size:36px; color: #000; font-family:"Cambria", Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; padding:20px 0; margin:10px 0}
.titulos {font-size:36px; color: #000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:20px 0; margin:10px 0}
.titulos2 {font-family:"CalifornianFB", Arial, Helvetica, sans-serif; font-size:24px; padding:10px; color: #FFF; background-color:#3390c5; text-align:center; margin:20px 0}
.subtit {font-size:24px; color: #3390c5; font-family:"CalifornianFB", Arial, Helvetica, sans-serif; font-weight:bold; clear:both; text-align:center}
.destacado {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; padding:10px; color: #FFF; background-color:#3390c5; text-align:center; border-radius:10px; border:#00708d 2px solid}
.destacado {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; padding:10px; color: #FFF; background-color:#3390c5; text-align:center; border-radius:10px; border:#00708d 2px solid; border:#4a66ac 1px solid}
.destacadogris {font-family:"Cambria", Arial, Helvetica, sans-serif; font-size:24px; padding:10px; color: #FFF; background-color:#4a66ac; text-align:center; border-radius:10px; background:url(imagenes/fondo-subtitulo-vert.jpg) repeat-x center; border:#4a66ac 1px solid; font-weight:bold}
.cajatitulotop {font-family:"Cambria", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:36px; padding:15px; margin-top:20px; color: #FFF; background-color:#28d6d6; text-align:center; letter-spacing:normal; border-radius:10px; border:#297fd5 2px solid; box-shadow: inset 0px 0px 10px #333; background:url(imagenes/fondo-titulo-vert.jpg) repeat-x center #3390c5}
.cajatitulo {font-family:"Cambria", sans-serif; font-weight:bold; font-size:36px; padding:10px; margin:20px auto; color: #FFF; background-color:#28d6d6; text-align:center; letter-spacing:normal; border-radius:10px; border:#297fd5 2px solid; box-shadow: inset 0px 0px 10px #333; background:url(imagenes/fondo-titulo-vert.jpg) repeat-x center #3390c5}
.cajasubtitulo {font-family:"Cambria", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; font-size:24px; padding:10px; color: #FFF; background-color:#28d6d6; text-align:center; letter-spacing:normal; border-radius:10px; border:#297fd5 2px solid; box-shadow: inset 0px 0px 10px #333; background:url(imagenes/fondo-titulo-vert.jpg) repeat-x center #3390c5}
.cajatitulonar {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:36px; padding:20px; margin:20px auto; color: #FFF; background-color:#28d6d6; text-align:center; letter-spacing:normal; border-radius:10px; border:#ff6d09 2px solid; box-shadow: inset 0px 0px 10px #333; background:url(imagenes/fondo-titulo-naranja.jpg) repeat-y center #3390c5}
.cajacalif {font-size:30px; color: #000; font-family:CalifornianFB; text-align:center; padding:20px 0; border:1px solid #09C; margin:10px auto}
.textocont {font-family:"Cambria", sans-serif; color:#000; text-align: justify; margin-bottom:20px; font-size:19px; line-height:normal; padding:0 20px}
.textocontgris {font-family: CalifornianFB; color:#666; text-align: justify; margin:20px 0; font-size:21px; line-height:normal}
.textocenter {
	color: #000;
	text-align: center;
	padding: 20px 0;
	line-height: 2em;
	margin-bottom: 20px;
	font-size: 18px
}
.textocenter img { margin-top:8px}
.cajaverde {font-family: "Times New Roman", Times, serif; color:#FFF; font-size:150%; font-style:italic; text-align: center; padding:15px; margin-top:20px; font-weight:bold; background:url(imagenes/fondo-verde.jpg) repeat-y center; max-width:60%; border:#92d050 2px solid; border-radius:3px}
.titulotem {color:#FFF; background-color:#0f8dc3; font-size:20px; padding:10px}
.textotem {text-align:justify; padding:10px; font-size:14px; color:#000}

.formdiv { float:left; width:48%; background:url(imagenes/fondo-form.jpg) repeat-x #00b4b4; border-radius:10px; border: 1px #00b4b4 solid}
.formpic { float:right; width:48%}
.formpic img { max-width:100%}
.form {font-size:90%; color:#000; padding:2px; text-align:left}

li{ list-style:none; margin:10px 0; list-style-image:url(imagenes/vin.png); text-align:left}
.list1{ margin-top:-5px; margin-bottom:-5px}
.list1 li{ padding:3px 0 3px 0px; line-height:18px; background:url(imagenes/bullet.png) 0 8px no-repeat}
.list1 li a{ text-transform:none; color:#515151;}
.list1 li a:hover{ color:#9fc100}

/* ============================= FOOTER ====================== */

#footerfix1 {width:100%; color:#FFF; background-color:#015291; border-top:#999 1px solid; border-bottom:#999 1px solid}
#footerfix1 a { color:#FFF}
#footerfix1 a:hover { color:#28d6d6}
.cols1 {float:left; min-width:25%; margin:2% 0 2% 7%; text-align:left; color:#FFF; font-size:100%}
.cols {float:left; min-width:30%; margin:2% 0 2% 3%; text-align:left; color:#FFF; font-size:100%}
.flinks {color:#FFF}
.fancho {max-width:1132px}
.fcontact {background-color:#eeeeee}
#footerfix2 {width:100%; color:#000; padding:20px 0; background-color:#00cbda; font-size:80%}
#footerfix2 a {color:#FFF}
#footerfix2 a:hover {color:#e5e5e5}

#footerfix a {color:#FFF; text-decoration:none}
#footerfix a:hover {color:#e5e5e5; text-decoration:none}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.header { background:#ebebeb url(imagenes/fondo-header.jpg) repeat-x; text-align:center; min-height:auto}
.logo { margin:15px; max-width:90%; height:auto}
#slogan { display:none}
#menulat { display:none}
#contder { width:100%; clear:both}

#bannertop { width:100%}
#bannertop .banimagen { width:100%}
#bannertop .bantexto { width:100%; text-align:center}
.left { width:96%; padding:2px; padding-bottom:15px; margin-bottom:15px; border-bottom:#CCC 1px solid}
.right { width:96%; padding:2px}

.titulotop {font-size:110%}
.subtit {font-size:110%}
.cajatitulo {font-size:150%; margin:10px}
.textocont {text-align: left; padding:10px}

.formdiv { width:90%; margin:5%}
.formpic { width:100% }

#footerfix1 {width:94%; color:#FFF; background-color:#015291; padding:3%; text-align:center}
#footerfix1 a { color:#FFF}
#footerfix1 a:hover { color:#28d6d6}
.cols1 {width:100%; margin:4%}
.cols {width:100%; margin-top:5%}
.flinks {color:#FFF}
.fancho {width:100%}
.fcontact {background-color:#eeeeee}
#footerfix2 {width:100%; color:#000; padding:20px 0; background-color:#00cbda; font-size:90%}
#footerfix2 a {color:#FFF}
#footerfix2 a:hover {color:#e5e5e5}

#footerfix a {color:#FFF; text-decoration:none}
#footerfix a:hover {color:#e5e5e5; text-decoration:none}

.padmobile { padding:10px 0}

/* ============================= ESTILOS VIEJOS =================================== */


.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}

.boxblanca{
	border-radius:20px;
	-moz-border-radius: 17px;
	-webkit-border-radius : 17px;
	width:940px;
	padding:15px 10px;
	margin:5px;
	background-color: #FFF;
	border: 2px solid #DADADA;
}
.boxverde{
	border-radius:20px;
	-moz-border-radius: 17px;
	-webkit-border-radius : 17px;
	width:940px;
	padding:15px 10px;
	margin:5px;
	background-color: #FFF;
	border: 2px solid #0e7700;
}