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

header,nav,section,article,footer,aside,figure {
 display:block;
 margin:0 auto;
}
img {
 border:none;
}
img a {
 border:none;
}
ul {
 list-style:none;
 margin:0;
 padding:0;
}

body {
	background: #fff;
	margin: 0; padding: 0; background-color:#FFFFFF; background-image:url(images/fondo1.jpg); background-position:center top;
}

header { width:100%; height:160px; margin:0 auto; background-color:#FFFFFF; margin-top:60px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);}

.head { width:950px; height:160px; margin:0 auto;}
.logo { width:131px; height:160px; margin:0 auto; float:left; margin-top:8px; margin-left:20px;}
nav { width:620px; height:40px; margin-right:10px; font-size:18px; float:right; text-align:center; font-family: 'Pontano Sans', sans-serif; background-image:url(images/nav.png); background-repeat:no-repeat;}
.frase { width:620px; height:157px; margin:0 auto; z-index:120; position:relative; float:right; margin-top:-45px; margin-right:10px; background-image:url(images/frase.png); background-repeat:no-repeat;}


section { width:950px; height:auto; margin:0 auto; font-family: 'Pontano Sans', sans-serif; background-image:url(images/sec.png); background-repeat:repeat;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);}

.banner { width:900px; height:250px; margin:0 auto;}

.gente { margin:0 auto; padding-top: 20px; text-align:right; float:right; margin-right: 50px; padding-bottom:30px; }

.cont1 { width:930px; height:auto; margin:0 auto; text-align:right; color:#FF0000; font-size:20px; font-weight:bold;}

/*********************/
.prgo_cont1 { width:930px; height:auto; min-height:500px; margin:0 auto; text-align:right; color:#FF0000; font-size:20px; font-weight:bold;}
.prgo_cont1  table{color:#4d4e53;}

.info2{text-align:center;}
.info2 > h1 {display:inline; color:#4d4e53;}
.info2 > span{color:#4d4e53;}

#table{
	border-collapse: collapse;
	width: 40%;
	margin: 24px;
	font-size: 14px;
}

#table th{
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

#table td{
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

#table td * {
	padding: 6px 11px;
}

#table tr {
background-color:#E1F2FA;
}

#table tr:nth-child(2n+1) {
background-color: #F5F8FA;

}

#table tr.over  td, #table tr:hover td {
	background: #bcd4ec;
}

/*****************/
.cont2 { width:930px; height:auto; margin:0 auto; text-align:center; color:#FF0000; font-size:20px; font-weight:bold; float:left;}

.texto1 { width:400px; height:320px; margin:0 auto; padding-top:0px; font-size:16px; text-align:center; color:#4d4e53; font-family: 'Pontano Sans', sans-serif; float:left; margin-left:60px;}
.texto2 { width:400px; height:auto; margin:0 auto; padding-top:20px; font-size:15px; text-align:left; color:#4d4e53; font-family: 'Pontano Sans', sans-serif; float:left; margin-left:50px; margin-bottom:30px;}
.texto3 { width:500px; height:auto; margin:0 auto; padding-top:20px; font-size:14px; text-align:left; color:#4d4e53; font-family: 'Pontano Sans', sans-serif; float:left; margin-left:40px; margin-bottom:50px;}
.texto4 { width:330px; height:330px; margin:0 auto; padding-top:20px; font-size:15px; text-align:center; color:#000; font-family: 'Pontano Sans', sans-serif; float:left; margin-left:30px;}
.texto5 { width:800px; height:auto; margin:0 auto; padding-top:20px; font-size:14px; text-align:justify; color:#4d4e53; font-family: 'Pontano Sans', sans-serif; float:left; margin-left:40px;}
.texto6 { width:400px; height:400px; margin:0 auto; padding-top:20px; font-size:16px; text-align:center; color:#4d4e53; font-family: 'Pontano Sans', sans-serif; float:left; margin-left:60px;}

.texto7 { width:400px; height:auto;  padding-top:50px; font-size:16px; text-align:center; color:#4d4e53; font-family: 'Pontano Sans', sans-serif; float:center; margin-left:60px; padding-bottom: 30px; }


footer {position:relative; margin:0 auto; display:block; margin-top: 10px; width:950px; height:30px; padding-top:5px; text-align:center;}

.push {clear:both;}

h1 { margin:0 auto; color:#569099; font-size:23px;}
h2 { margin:0 auto; color:#569099; font-size:14px; text-align:left; margin-bottom:20px;}
h3 { margin:0 auto; color:#569099; font-size:14px; text-align:center; margin-bottom:20px;}
h4 { margin:0 auto; color:#626262; font-size:12px; text-align:center; margin-bottom:20px;}
.parrafo { margin:0 auto; color:#4d4e53; font-size:12px; text-align:justify; margin-bottom:10px}

.parrafo2 { margin:0 auto; color:#4d4e53; font-size:12px; text-align:justify; margin-bottom:10px}

.mail { margin:0 auto; height:auto; text-align:center;  }

.info { margin:0 auto; text-align:justify; margin-bottom:10px}

.dire { width:500px; height:350px; margin:0 auto; float:left; margin-left:20px; color:#FFFFFF; font-size:16px;}

.vin ul{list-style:none; margin:0; padding:0;}
.vin li{ background:url(images/vin.png) no-repeat left top; padding-left:20px; background-position:0 11px; line-height:30px; font-size:15px; text-align:left; color:#0048b8;}

img {border:none;}


ul {list-style:none;}

/******   H3    */
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	font-size:11px;
	font-weight:bold;
	 font-family: 'Pontano Sans', sans-serif;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
	
ul#menu li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px; font-size:13px;
	}
ul#menu li a:hover{ color:#ff9600;
	}
	
.activo { font-weight:bold;  color:#ff9600;}
	

			
/*****************contacto**************/
#formleft { float:left;}

#formleft { float:left;}
.forma { width:350px; height:320px; margin:0 auto; float:left;}
.name{ width:70px; height:30px; float:left; text-align:right;}
.campo { float:right; width:220px; height:30px; margin-left:15px;}
.name2{ width:87px; height:30px; float:left; text-align:right;}
.campo2 { float:right; width:220px; height:30px; margin-left:15px;}
.name3{ width:87px; float:left; text-align:right;}

#formleft input{
    border:1px solid #ababaa;
    background:#fff;
    width:180px;
    height:20px;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px; 
	}

.select input:focus, .select textarea:focus{ background-color:#ababaa;}

textarea{
    border:1px solid #ababaa;
    background:#fff;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding:2px 0 0 5px;
	width:180px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px; margin-left:15px;
}

.btn {
	 background:url(../images/bg_btn.jpg) repeat-x;
	margin:9px 0 0 0;
	text-align:center;
	height: 29px;
	 width: 100px;
	 text-align:center;
	 border: 0px;
	cursor:pointer;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; font-weight:700;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px;
	}

.btn2 {
	float: right;
	margin:9px 80px 0 0;
	text-align:center;
	height: 29px;
	 width: 100px;
	 text-align:center;
	 border: 0px;
	cursor:pointer;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; font-weight:700;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px;
	}

.btn2:hover {
	color:#0567d6; 
	font-size:16px;	}	

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 


/* CHRISTIAN */
.clearfix::after{
	content:'.';
	clear:both:
	display:block;
	height:0;
	visibility:hidden;
}
#interior2{
	float:left;
	width: 400px;
	height: auto;
	margin-right:80px;
	font-size:12px;
	text-align:justify;
	margin-left: 12px;
	
}
#desplegable2{
	float:left; 
	width:180px;
	text-align:center;
	margin-left: 120px;
	margin-top:15px;
	}
	
#desplegable2 li:hover{
	cursor: pointer; 
	color:# 06C; 
	
}
.hidden{
	display:none;	
}

#login{ 
	margin:0 auto;
	width:300px;
	height:138px;
	border-radius:5px;
	border: 1px solid black;
	background: -moz-linear-gradient(top, rgb(122,206,222), rgb(80,121,151));
	padding: 5px 0 5px 0;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%, rgb(122,206,222)), color-stop(50%, rgb(80,121,151)));
			)
	}

