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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

body{
	margin:0;
	padding:0;
	outline:0;
	width:auto;
	background:#fafafa url(img/bg-marsuri.jpg) top center no-repeat;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:14px;
	font-weight:normal;
}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

p {
	padding-top: 0px;
	margin-top: 0px;
	display: block;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

div,  h2,  h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	
}

hr {
	border:#e5e5e5 solid 1px;
	width:80% !important;
	left:10%;
	margin-top:24px;
}
/*-----------------------------Contenedores----------------------------*/


.General{
	width:940px;	
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#fafafa;
}

/*-----------------------------Menu----------------------------*/

.Contacto{
	width:100%;
	height:34px;
	padding-top:12px;
	background:#414141 url(img/borde-superior-info.jpg) bottom left no-repeat;
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
}

/* unvisited link */
.Contacto a:link {
	color:#f3f0f0;
	text-decoration:none;
}
/* visited link */
.Contacto a:visited {
	color:#f3f0f0;
}
/* mouse over link */
.Contacto a:hover {
	color:#E13E3E;
}
/* selected link */
.Contacto a:active {
	color:#f3f0f0;
}

/*-----------------------------Contenedor 1----------------------------*/

.Container-Slyder{
	height:auto; /*600px*/
	width:100%;
	overflow:hidden;
}

.Logo{
	height:140px;
	width:363px; /*Modificar*/
	background-color:#fafafa; /*Modificar*/
	float:left;
}

.Container-Menu {
	height:140px;
	width:537px;
	background: #414140 url(img/menu-textura.jpg) top center no-repeat;
	float:right;
	padding-left:40px;
}

.Skitter{
	height:403px;
	width:100%;
	border-top:#faf5f3 solid 1px;
	float:left;
}

.Sombra-Imagenes{
	height:76px;
	width:940px;
	float:left;
	position:absolute;
	z-index:100;
}

.Encabezado{
	height:74px;
	width:100%;
	background: transparent url(img/textura-encabezados.jpg) top left no-repeat;
	float:left;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top:#b42525 solid 6px;
}

/*-----------------------------Contenedor 2----------------------------*/

.Container-Widggets{
	height:auto;
	width:100%;
	background-color:#e1e1e1;
	overflow:hidden;
}

.widggets{
	height:270px;
	width:940px;
	float:left;
	position:absolute;
	z-index:10;
	margin-top:-36px;
}

.W1, .W2, .W3{
	height:266px;
	width:310px;
	float:left;
	padding-top:30px;
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#999999;
	font-weight:bold;
}

.W2, .W3{
	margin-left:5px;
}

.W1, .W3{
	border-top:#a69494 solid 4px;
	background: #fdfdfd;
}

.W2{
	border-top:#f46161 solid 4px;
	background:#f8f7f7;
}

.WIMG{
	width:152px;
	height:105px;
	margin-top:30px;
	margin-left:30%;
}

.WIM-3{
	width:152px;
	height:105px;
	margin-top:30px;
	margin-left:25%;
}

.Texto-01{
	width:940px;
	height:100px;
	margin-top:214px;
}

.Sombra-Widggets{
	width:100%;
	height:100px;
}

.Parrafo-01{
	width:923px;
	height:22px;
	background:transparent;
	padding-left:17px;
}

.Parrafo-02{
	width:925px;
	height:auto;
	padding-top:22px;
	background:#fafafa;
	padding-left:15px;
	padding-bottom:50px;
}

.Parrafo-03{
	width:923px;
	height:22px;
	background:#fafafa;
	padding-left:17px;
}

/*-----------------------------Contenedor 3----------------------------*/

.Container-Lista{
	width:940px;
	height:auto;
	overflow:hidden;
	
}
.Borde-Lista{
	background: #fafafa url(img/borde-servicios.png) top left no-repeat;
	height:42px;
	width:100%;
}

.Listas{
	width:100%;
	height:229px;
	background: #fafafa url(img/fondo-banner-03.png) top center no-repeat;
}

.Lista-Servicios{
	width:830px;
	height:auto;
	margin-left:60px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 14px;
	color:#090808;
	font-weight:normal;
}

.Lista-Servicios ul{
	margin:32px 10px 80px 100px; 
	padding:0;
	float:left;
}

.Lista-Servicios ul li{
	padding:0 50px 0 30px;
	margin:0; 
	list-style:disc;
	line-height:21px;
}

/*-----------------------------Contenedor 4----------------------------*/

.Container-Clientes{
	width:940px;
	height:75px;
	background:transparent url(img/sombra-clientes.png) top center no-repeat;
	overflow:hidden;
	margin-bottom:40px;
}
/*-----------------------------Contenedor 5----------------------------*/


.CTL{
	width:940px;
	height:auto;
	margin-bottom:90px;
	overflow:hidden;
}
/*------------------------------Cabezeras--------------------------*/

/* cabezera */

/*------------------------------END Cabezeras--------------------------*/

.Footer{
	width:100%;
	height:100px;
	background: url(img/textura-footer.jpg) top center no-repeat;
	display:table;
}

.Footer-Texto{
	height:34px;
	width:940px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

/* visited link */
.Footer-Texto a{
	color:#ffffff;
	text-decoration:none;
}

.Footer-Texto a:visited {
	color:#ffffff;
	text-decoration:none;
}
/* mouse over link */
.Footer-Texto a:hover {
	color:#c1bcbc;
	text-decoration:none;
}

.Sombra-Footer{
	height:38px;
	width:100%;
	background: url(img/sombra-footer.png) top center no-repeat;
	position:absolute;
}

/*------------------------------Pagina 2 EMPRESA--------------------------*/

/* EMPRESA */


.General-Empresa{
	width:940px;	
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:transparent;
}
/*-----------------------------Contenedor 1E-----------------------------*/

.Skitter-Empresa{
	clear:both;
	background: transparent url(empresa/img/Marsuri-bg-cuerpo-01.png) bottom center no-repeat;
	height:388px;
	width:100%;
	float:left;
}

.Sombra-Empresa{
	height:76px;
	width:940px;
	float:left;
	position:absolute;
	z-index:100;
}

.Titulo-Empresa{
	width:923px;
	height:22px;
	background:transparent;
	padding-left:17px;
	margin-top:60px;
}

.Descripcion-Empresa{
	width:auto;
	height:164px;
	text-align:left;
	padding:0 0 10px 20px;
	margin-top:30px;
}

/*-----------------------------Contenedor 2E-----------------------------*/


.Container-Empresa{
	height:auto;
	width:100%;
	background: #fdfdfd url(empresa/img/Marsuri-bg-cuerpo-02.jpg) top center no-repeat;
	overflow:hidden;
}

.Texto-Empresa{
	width:920px;
	height:370px;
	padding-top:20px;
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#404040;
	font-weight:normal;
	padding-left:20px;
}

.Texto-Empresa-1{
	width:920px;
	height:auto;
	margin-top:30px;
}

.Subcontainer-Trailers{
	height:223px;
	width:95%;
	overflow:hidden;
	float:left;
	margin-top:30px;
	margin-bottom:60px;
	margin-left:5%;
}

.Click-Expandir-1{
	width:267px;
	height:215px;
	border:#e5e5e5 solid 4px;
	float:left;
	margin-left:10px;
	
}


/*------------------------------END Pagina 2 EMPRESA--------------------------*/

/*------------------------------Pagina 3 SERVICIOS--------------------------*/

/* SERVICIOS */

.General-Servicios{
	width:940px;	
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:transparent;
}

.Skitter-Servicios{
	clear:both;
	background: transparent url(servicios/img/Marsuri-bg-cuerpo-00.png) bottom center no-repeat;
	height:210px;
	width:100%;
	float:left;
}

.Descripcion-Servicios{
	width:auto;
	height:88px;
	text-align:left;
	padding:0 10px 10px 20px;
	margin-top:30px;
}

/*-----------------------------Contenedor 2S-----------------------------*/

.Container-Servicios{
	height:auto;
	width:100%;
	background: #fdfdfd url(servicios/img/Marsuri-bg-cuerpo-01.jpg) top center no-repeat;
	overflow:hidden;
}

.Texto-Servicios{
	width:920px;
	height:430px;
	padding-top:20px;
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#404040;
	font-weight:normal;
	padding-left:20px;
}

.Lista-Servicios-2{
	width:830px;
	height:auto;
	margin-left:60px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 14px;
	color:#404040;
	font-weight:bold;
	margin-bottom:130px;
}

.Lista-Servicios-2 ul{
	margin:32px 30px 30px 50px; 
	padding:0;
	float:left;
}

.Lista-Servicios-2 ul li{
	padding:0 50px 0 15px;
	margin:0; 
	list-style:disc;
	line-height:21px;
}


/*------------------------------END Pagina 3 SERVICIOS--------------------------*/

/*------------------------------Pagina 4 CLIENTES--------------------------*/

/* CLIENTES */

.Skitter-Clientes{
	clear:both;
	background: transparent;
	height:286px;
	width:100%;
	float:left;
	background: transparent url(clientes/img/Marsuri-bg-cuerpo-01.png) bottom center no-repeat;

}

.Descripcion-Clientes{
	width:auto;
	height:164px;
	text-align:left;
	padding:0 0 10px 20px;
	margin-top:30px;
}

.Descripcion-Clientes ul{
	float:left;
	margin-right:40px;
	margin-left:10px;
}

.Descripcion-Clientes ul li{
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#f2f2f2;
	font-weight:300;
	line-height:24px;
	list-style:none;
}

.Container-Pestaña-Clientes{
	height:auto;
	width:100%;
	background: #fdfdfd url(clientes/img/Marsuri-bg-cuerpo-0.jpg) top center no-repeat;
	overflow:hidden;
}

.Parrafo-01-Clientes{
	width:923px;
	height:22px;
	background:tranparent;
	padding-left:17px;
}

.Subcontainer-Clientes{
	height:auto;
	width:940px;
	margin-top:25px;
	overflow:hidden;
}
	
.Tabla-Clientes {
	height:auto;
	width:90%;
	display:table;
	position:relative;
	margin-left:5%;
	margin-right:5%;
	margin-top:6px;
}


.Clientes-IMG{
	height:105px;
	width:25%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}

.Clientes-IMG>img{
	box-shadow: 0px 0px 18px 1px #e5e5e5;
}

.Texto-Clientes{
	height:35px;
	width:25%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	text-transform:uppercase;
}

/*------------------------------END Pagina 4 CLIENTES --------------------------*/

/*------------------------------Pagina 5 CONTACTO --------------------------*/

/* CONTACTO */

.Skitter-Contacto{
	clear:both;
	background: transparent url(contacto/img/Marsuri-bg-cuerpo-00.png) bottom center no-repeat;
	height:210px;
	width:100%;
	float:left;
}

.Container-Contacto{
	height:auto;
	width:100%;
	background: #fdfdfd url(contacto/img/Marsuri-bg-cuerpo-01.jpg) top center no-repeat;
	overflow:hidden;
}

.Contacto-Contacto{
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#f2f2f2;
	font-weight:300;
	float:left;
	margin-right:360px;
	margin-left:40px;
}

.Contacto-Contacto-2{
	font-family:"Open Sans",  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#f2f2f2;
	font-weight:bold;
	float:left;
	margin-right:40px;
	margin-left:40px;
}

.Container-Formulario{
	height:400px;
	width:240px;
	background-color:transparent;
	float:left;
	overflow:hidden;
	margin-top:50px;
	margin-left:25px;
	margin-bottom:40px;

}

.Titulo-Form{
	height:40px;
	width:100%;
	line-height:20px;
	margin-bottom:12px;
}

.Ingreso-Datos{
	height:30px;
	width:220px;
	background-color:#fdfdfd;
	border:#ebebeb solid 1px;
}

.Ingreso-Mensaje{
	height:90px;
	width:220px;
	background-color:#fdfdfd;
	border:#ebebeb solid 1px;
}

.Container-Mapa{
	height:400px;
	width:420px;
	background-color:transparent;
	float:left;
	overflow:hidden;
	margin-top:50px;
	margin-left:230px;
	margin-bottom:40px;
}

.Mapa{
	height:255px;
	width:404px;
	margin-left:8px;
	margin-right:8px;
	background-color:#fdfdfd;
}

.Sombra-Mapa{
	height:105px;
	width:404px;
	background: transparent url(contacto/img/contacto-sombra-mapa.png) top center no-repeat;
	padding-top:20px;
	padding-left:12px;
}

/*------------------------------END Pagina 5 CONTACTO --------------------------*/