@import url('http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700&subset=latin,latin-ext&v2');



img{

	border: none;

}

body{

	background: url(img/bg-nubo.png) repeat #ffffff;

	font-family: Arial, Helvetica, sans-serif;

}





/* HEADER PAGINA PRINCIPAL

------------------------------------------------------------------------------*/

.BloquePrincipal{

	width: 1100px;

	margin: 0px auto;

}

.Top{

	position: absolute;

	height: 100px;

}

.Logo{

	float: left;

	margin-top: 15px;

	margin-left: 10px;

}

.BloquePanoramico{

	padding-top: 90px;

	height: 380px;

}





/* MENU

------------------------------------------------------------------------------*/

.Menu{

	float: right;

	margin-top: 30px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

}

.Menu a{

	padding: 7px;

	font-weight: bold;

	font-size: 17px;

	text-decoration: none;

	color: #888888;

	text-shadow: #ffffff 0px 0px 3px;

}

.Menu a:hover{

	color: #ffffff;

	text-shadow: #888888 0px 1px 3px;

}	

.Menu .Activo{

	color: #820815;

	text-shadow: #ffffff 0px 0px 2px;

}





/* DATOS FOOTER

------------------------------------------------------------------------------*/

.Datos{

	width: 1090px;

	margin: 0px auto;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #aaaaaa;

	height: 35px;

	padding-left: 20px;

	text-shadow: #ffffff 1px 1px 0px;

}

.Datos span{

	float: right;

	padding-right: 20px;

	padding-left: 10px;

	color: #aaaaaa;

	text-shadow: #ffffff 1px 1px 0px;

}

.Datos span a{

	color: #aaaaaa;

	text-shadow: #ffffff 1px 1px 0px;

	text-decoration: none;

}

.Datos span a:hover{

	color: #820815;

	text-shadow: #ffffff 1px 1px 0px;

	text-decoration: underline;

}





/* FOOTER

------------------------------------------------------------------------------*/

.Footer{

	width: 1090px;

	height: 130px;

	margin: 0px auto;

	z-index: 1;

	margin-top: 20px;

	margin-bottom: 10px;

	background-color: #ffffff;

	box-shadow: #cccccc 0px 0px 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	behavior:url(border-radius.htc);

}

.Footer .BloqueContacto{

	float: left;

	width: 170px;

	height: 100px;

	font-size: 12px;

	line-height: 20px;

	color: #666666;

	margin: 15px 20px 0px 30px;

	border-right: 1px dotted #dddddd;

}

.Footer .BloqueContacto h1{

	font-size: 17px;

	color: #820815;

	margin-bottom: 15px;

}

.Footer .BloqueContacto a{

	color: #820815;

	text-decoration: none;

}

.Footer .BloqueContacto a:hover{

	color: #eeeeee;

	text-decoration: none;

	background-color: #820815;

	padding: 3px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	behavior:url(border-radius.htc);

}



/* - */



.Footer .BloqueDireccion{

	float: left;

	width: 400px;

	height: 100px;

	font-size: 12px;

	line-height: 20px;

	color: #666666;

	margin: 15px 20px 0 10px;

	border-right: 1px dotted #dddddd;

}

.Footer .BloqueDireccion h1{

	font-size: 17px;

	color: #820815;

	margin-bottom: 15px;

}

.Footer .BloqueDireccion a{

	color: #820815;

	text-decoration: none;

}

.Footer .BloqueDireccion a:hover{

	color: #eee;

	text-decoration: none;

	background-color: #820815;

	padding: 3px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	behavior:url(border-radius.htc);

}



/* - */



.Footer .BloqueLogo{

	float: left;

	width: 434px;

	/*margin: 15px 10px 0 10px;*/

}

.Footer .BloqueLogo h1{

	font-size: 17px;

	color: #820815;

	margin-top: 26px;

	width: 190px;

	float: left;

	text-align: left;

}

.Footer .BloqueLogo .Logo-SAP{

	float: right;

	margin: 0px 0 0 20px;

}



/* - */



.Footer .Mapas{

	float: left;

	margin-top: 20px;

	margin-left: 40px;

}





/* SECCION CONTACTO

------------------------------------------------------------------------------*/

.SeccionContacto{

	width: 1090px;

	margin: 0px auto;

	height: 650px;

	margin-top: 10px;

	background-color: #ffffff;

	box-shadow: #ccc 0px 0px 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.SeccionContacto h1{

	font-size: 30px;

	padding: 10px 0 10px 20px;

	text-shadow: #50040c 1px 2px 0px;

	color: #f5f5f5;

	width: 1070px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	-webkit-border-radius: 5px 5px 0 0;

	border-bottom: 1px dotted #820815;

	background: -webkit-gradient(linear, left top, left bottom, from(#820815), to(#ab1121));

	background: -moz-linear-gradient(top,  #820815,  #ab1121);

	background-color: #820815;

	behavior:url(border-radius.htc);

}

.SeccionContacto p{

	font-size: 20px;

	color: #666666;

	padding: 5px 0 0 30px;

	line-height: 25px;

	width: 600px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

}

.SeccionContacto p img{

	float: left;

	padding-right: 20px;

}

.SeccionContacto .ColumnaDerecha{

	float: right;

	margin: 90px 30px 0 40px;

	width: 280px;

	height: 395px;

}

.ColumnaDerecha1{

	float: right;

	/*margin: 90px 30px 0 40px;*/

	width: 280px;

	height: 392px;}

.Telefonos{

	float: right;

	width: 260px;

	margin: 0 0 30px 40px;

	padding: 10px;

	background-color: #eeeeee;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 30px;

	color: #820815;

	font-size: 18px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.Telefonos a{

	color: #888888;

	text-decoration: none;

	margin-left: 3px;

}

.Telefonos a:hover{

	color: #eeeeee;

	text-decoration: none;

	background-color: #820815;

	padding: 3px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	margin-left: 3px;

	behavior:url(border-radius.htc);

}

.Telefonos img{

	margin: 0 10px 0 10px;

}





/* SECCION QUIENES SOMOS

------------------------------------------------------------------------------*/

.SeccionQuienes{

	width: 1090px;

	margin: 0px auto;

	height: 650px;

	margin-top: 20px;

	background-color: #ffffff;

	box-shadow: #cccccc 0px 0px 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.SeccionQuienes h1{

	font-size: 30px;

	color: #820815;

	padding: 20px 0 10px 20px;

	text-shadow: #dddddd 0px 2px 1px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #eee;

	width: 400px;

}

.SeccionQuienes p{

	font-size: 14px;

	color: #666666;

	padding: 0 0 0 20px;

	line-height: 25px;

}

.SeccionQuienes .Destacado{

	margin: 50px 0 20px 180px;

	background-color: #820815;

	padding: 15px;

	width: 700px;

	text-align: center;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	box-shadow: #ccc 0px 2px 3px;

	background: -webkit-gradient(linear, left top, left bottom, from(#820815), to(#ab1121));

	background: -moz-linear-gradient(top,  #820815,  #ab1121);

	behavior:url(border-radius.htc);

}

.SeccionQuienes .Destacado span{

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-size: 25px;

	font-weight: bold;

	color: #f5f5f5;

	line-height: 35px;

	text-shadow: #660610 0px 2px 0px;

	

}

.Img-Quienes{

	float: right;

	padding: 10px;

	margin: 20px 20px 0 30px;

}





/* SECCION SERVICIOS

------------------------------------------------------------------------------*/

.SeccionServicios{

	width: 1090px;

	margin: 0px auto;

	height: 670px;

	margin-top: 20px;

	background-color: #ffffff;

	box-shadow: #ccc 0px 0px 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.SeccionServicios h1{

	font-size: 30px;

	color: #820815;

	padding: 20px 0 10px 20px;

	text-shadow: #dddddd 0px 2px 1px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #eee;

	width: 400px;

}

.SeccionServicios p{

	font-size: 14px;

	color: #666666;

	padding: 0 0 0 20px;

	line-height: 25px;

}

.SeccionServicios .ColumnaDerecha{

	float: right;

	background: -webkit-gradient(linear, left top, left bottom, from(#820815), to(#ab1121));

	background: -moz-linear-gradient(top,  #820815,  #ab1121);

	background-color: #820815;

	padding: 15px;

	font-size: 15px;

	line-height: 20px;

	margin: 30px 30px 0 40px;

	width: 250px;

	height: 570px;

	color: #f5f5f5;

	box-shadow: #cccccc 0px 2px 3px;

}



.Marcas{

	background-color: #f5f5f5;

	float: left;

	padding: 20px;

	margin-top: 10px;

	width: 210px;

	height: 450px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}



/* - */



.Lista-2{

	padding-bottom: 10px;

	padding-left: 60px;

}

.Lista-2 li{

	width: 300px;

	line-height: 25px;

	list-style-image: url(img/bullet_2.png);

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #820815;

}





/* SECCION EXPERIENCIA

------------------------------------------------------------------------------*/

.SeccionExperiencia{

	width: 1090px;

	margin: 0px auto;

	height: 460px;

	margin-top: 20px;

	background-color: #ffffff;

	box-shadow: #ccc 0px 0px 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.SeccionExperiencia h1{

	font-size: 30px;

	color: #820815;

	padding: 20px 0 10px 20px;

	text-shadow: #dddddd 0px 2px 1px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #eee;

	width: 400px;

}

.SeccionExperiencia p{

	font-size: 14px;

	color: #666666;

	padding: 0 20px 10px 20px;

	line-height: 25px;

	text-align: justify;

}

.SeccionExperiencia .Destacado{

	margin: 25px 0 20px 50px;

	border: 1px solid #eeeeee;

	padding: 15px;

	width: 600px;

	height: 60px;

	padding-top: 20px;

}
.SeccionExperiencia .Destacado1{

	margin: 25px 0 20px 50px;

	border: 1px solid #eeeeee;

	padding: 15px;

	width: 600px;

	height: 107px;

	padding-top: 20px;

}

.SeccionExperiencia .Destacado span{

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #820815;

	line-height: 25px;

}

.Img-SAP{

	float: right;

	padding-right: 0px;

}

.SeccionExperiencia .ColumnaDerecha{

	float: right;

	background: -webkit-gradient(linear, left top, left bottom, from(#820815), to(#ab1121));

	background: -moz-linear-gradient(top,  #820815,  #ab1121);

	background-color: #820815;

	padding: 15px;

	font-size: 16px;

	line-height: 20px;

	margin: 30px 30px 0 40px;

	width: 250px;

	height: 365px;

	color: #f5f5f5;

	box-shadow: #ccc 0px 2px 3px;

}



/* - */



.Lista{

	background-color: #f5f5f5 !important;

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.Lista li{

	float: left;

	width: 210px;

	line-height: 25px;

	margin-bottom: 5px;

	list-style-image: url(img/bullet.png);

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 17px;

	color: #820815;

	text-shadow: #ddd 1px 2px 0px;

}





/* CSS SLIDESHOW

------------------------------------------------------------------------------*/

/*--Main Container--*/

.main_view {

	float: left;

	position: relative;

}

/*--Window/Masking Styles--*/

.window {

	height:380px;	width: 1100px;

	overflow: hidden; /*--Hides anything outside of the set width/height--*/

	position: relative;

}

.image_reel {

	position: absolute;

	top: 0; left: 0;

}

.image_reel img {float: left;}



/*--Paging Styles--*/

.paging {

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	bottom: 40px; right: -7px;

	width: 178px; height:47px;

	z-index: 100; /*--Assures the paging stays on the top layer--*/

	text-align: center;

	line-height: 40px;

	display: none; /*--Hidden by default, will be later shown with jQuery--*/

}

.paging a {

	font-family: Arial, Helvetica, sans-serif;

	padding: 5px;

	text-decoration: none;

	color: #fff;

	vertical-align: middle;

}

.paging a.active {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 25px;

	vertical-align: middle;

}

.paging a:hover {font-weight: bold;}

.123{
	margin: 25px 0 20px 50px;

	border: 1px solid #eeeeee;

	padding: 15px;

	width: 600px;

	height: 107px;

	padding-top: 20px;


	}
	
	/*seccion comunicaciones*/
	
.SeccionComunicaciones{

	width: 1090px;

	margin: 0px auto;

	height: 660px;

	margin-top: 20px;

	background-color: #ffffff;

	box-shadow: #ccc 0px 0px 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	behavior:url(border-radius.htc);

}

.SeccionComunicaciones h1{

	font-size: 30px;

	color: #820815;

	padding: 20px 0 10px 20px;

	text-shadow: #dddddd 0px 2px 1px;

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #eee;

	width: 400px;

}

.SeccionComunicaciones p{

	font-size: 14px;

	color: #666666;

	padding: 0 20px 10px 20px;

	line-height: 25px;

	text-align: justify;

}

.SeccionComunicaciones .Destacado{

	margin: 25px 0 20px 50px;

	border: 1px solid #eeeeee;

	padding: 15px;

	width: 600px;

	height: 60px;

	padding-top: 20px;

}
.SeccionComunicaciones .Destacado1{

	margin: 25px 0 20px 50px;

	border: 1px solid #eeeeee;

	padding: 15px;

	width: 600px;

	height: 107px;

	padding-top: 20px;
	color:#666666;
	font-size:14px;
	line-height:25px;

}
.SeccionComunicaciones .Destacado2{

	margin: 25px 0 20px 50px;

	/*border: 1px solid #eeeeee;*/

	padding: 15px;

	width: 600px;

	height: 107px;

	padding-top: 20px;

}

.SeccionComunicaciones .Destacado span{

	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #820815;

	line-height: 25px;

}

.Img-SAP{

	float: right;

	padding-right: 0px;

}

.SeccionComunicaciones .ColumnaDerecha{

	float: right;

	background: -webkit-gradient(linear, left top, left bottom, from(#820815), to(#ab1121));

	background: -moz-linear-gradient(top,  #820815,  #ab1121);

	background-color: #820815;

	padding: 15px;

	font-size: 16px;

	line-height: 20px;

	margin: 30px 30px 0 40px;

	width: 250px;

	height: 365px;

	color: #f5f5f5;

	box-shadow: #ccc 0px 2px 3px;

}