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

/*=============reset=============*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/*=============fin reset=============*/

@font-face {
font-family:"Lato Regular";
src:url(../fonts/Lato-Regular.ttf) format(‘truetype’);
}

@font-face {
font-family:Lato;
src:url(../fonts/Lato-Regular.ttf) format(‘truetype’);
}

@font-face {
font-family:Roboto;
src:url(../fonts/Roboto-Regular.ttf) format(‘truetype’);
}

@font-face {
font-family:"Century Gothic";
src:url(../fonts/GOTHIC.TTF) format(‘truetype’);
}

.contenedor{
	width:100%;
	max-width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}



/*Edicion barra de navegación*/
.menu_bar {
	display:none;
	position:static;
}
header {
	width: 100%;
}
header nav {
	max-width: 1000px;
	margin:20px auto;
	position:fixed;
	width:25%;
	height:100%;
	z-index:1000;
	text-align:left;
	padding: 0;
 	margin: 0;
	border-right:10px solid rgb(221, 175, 39);
	background:url(../img/texturas/nav.jpg);
	
}
header nav img{
	width:90%;
	padding-top:10px;
	padding-left:15px;
}
header nav ul {
	list-style:none;
	padding-top:25px;
	margin:0;	
}
header nav ul li {
	display:inline-block;
	position: relative;
	width:100%;
	height:50px;

}
header nav ul li:hover {
	background:#ddaf27;
	width:100%;
}
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding:10px;	
}

.txt2{
	font-family:"Century Gothic";
	font-size:1.0em;
	text-align:left;
	padding-top:10px;
}

/*fin*/


/**/
/*edicion de cada servicio*/
#vin{
	width:100%;
	height:auto;
}

#izq{
	width:70%;
	float:left;

}
#izq-full{
	width:70%;
	float:left;
}
#izq-full2{
	width:50%;
	float:left;

}
#izq-full3{
	width:100%;
	float:left;

}

#der{
	width:70%;
	float:left;

}
#der-full2{
	width:50%;
	float:left;

}

.titulo{
	font-family:Lato;
	font-size:2.0em;
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
	color: rgb(30,129,165);
	text-shadow: white 0.1em 0.1em 0.2em;
	margin:25px;
	
}

.context{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:11pt;
	font-style:normal;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 30px 50px 90px 20px;
	  
}
.context2{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:12pt;
	font-style:normal;
	font-weight:bold;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 30px 90px 90px 40px;
	
}
.context3{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:11pt;
	font-style:normal;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 70px 20px 10px 30px;
	}
	
.nin{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:11pt;
	font-style:normal;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 1px 20px 10px 30px;
	}
	
.context4{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:11pt;
	font-style:normal;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 50px 10px 80px 50px;
	}
	.context5{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:13pt;
	font-style:normal;
	font-weight:bold;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 110px 90px 90px 40px;
	
	}
.context6{
	color: rgb(17,135,139);
	font-family:"Lato";
	font-size:11pt;
	font-style:normal;
	text-align:justify;
	line-height:30px;
	letter-spacing:1px;
	word-spacing:2px;
	padding: 70px 80px 80px 80px;
	}

	
.sub{
	font-family:Lato;
	font-size:12pt;
	text-align:left;
	font-weight:bold;
	color: rgb(30,129,165);
	text-shadow: white 0.1em 0.1em 0.2em;
	padding-left:50px;
	}
	
#uno, #dos,#tres,#cuatro,#cinco,#seis,#siete, #ocho{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;

}
.icon3{
	padding-right:10px;
}

.sectuno{
	background:url(../img/texturas/ser.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	}

.sectdos{
	background:url(../img/texturas/back2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;;
}

.secttres{
	background:url(../img/texturas/back3.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;;
}

.sectcuatro{
	background:url(../img/texturas/back4.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;;
}

.sectocho{
	background:url(../img/texturas/ser.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;;
}