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

@import url('reset.css');

/* stilos basicos */


body {
	background:url(../imagenes/fondoo-gsg.jpg);

	}
		
.todo {
	background-color:#1e1920;
	width: 960px;
	margin:auto;
	
	}
	
	

	
.logo {

	display:inline-block;
	width: 220px;
	height: 80px;
	
}

.imagen {
	width:255px;
	z-index: 5;
	position: relative;
}

/* stilos basicos servicios*/		
.cabecera {
	background-image: url(../imagenes/fondo%20cabecera.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:80px;
}

.cabecera1 {
	background-image: url(../imagenes/fondo-cabecera-serviplast.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:80px;
}

.cabecera2 {
	background-image: url(../imagenes/fondo-cabecera-rym.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:80px;
}

.cabecera3 {
	background-image: url(../imagenes/fondo-cabecera-color-digital.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:80px;
}

.baner{
	margin: -77px 0px;

}

.slider5{
	background-color: #ffffff;
	width: 920px;
	height: 60px;
	margin: -60px auto;
	
}

.cinta{
	margin: 70px 0px;
	width: 960px;
}
.logoservicio{
	margin:auto;
	display: block;
}





 .direccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	display:block;
	/*width: 760px;*/
	height: 80px;
	text-align: left;
	float:right;
	position: relative;
	z-index: 2;
	margin-right: 100px;
	/*width: 650px;*/

	
}

 .dir1{
display: inline-block;

padding: 25px 15px;

}

 .dir2{
display: inline-block;

padding: 25px 15px;

}

 .dir3{
display: inline-block;

padding: 25px 15px;
}



/* menu navegacion */


.menu_bar {
	display:none;

}



.todo nav {
	background:#1e1920;
	z-index:1000;
	/*max-width: 1000px;*/
	width:100%;
	height: 39px;
	margin: 0px 0px;
}

.todo nav ul {
	list-style:none;
	text-align: right;
	/*margin-right: 50px;*/
}

 .todo nav ul li {
	display:inline-block;
	position: relative;
	font-family: arial ;
	font-size: 16px;

	border-radius:4px; 
		-moz-border-radius:4px; 
		-webkit-border-radius:4px;

}

 .todo nav ul li:hover {
	background:#1d3503;
}

 .todo nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 15px;
	text-align: left;
	
}

 .todo nav ul li a span {
	margin-right:15px;
}

 .todo nav ul li:hover .children {
	display:block;
}

 .todo nav ul li .children {
	display: none;
	background:#1e1920;
	position: absolute;
	width: 150%;
	z-index:1000;
}

 .todo nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.todo nav ul li .children li a {
	display: block;
}

 .todo nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

 .todo nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

/* menu adaptable

@media screen and (max-width: 800px) {
	body {
		padding-top:80px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#E6344A;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}
}

*/


/*SUB MENU serviplast*/

.info1 nav{
	        
	float:left;
	width: 920px;
	height: 39px;
	
	margin:0px auto;
	background:#4e700c;
	
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;	
}

.info1 nav ul{
	text-align: center;
}
.info1 nav ul li{

	font-family: arial ;
	font-size: 16px;
}

.info1 nav ul li a{
	color:#fff;
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
        



} 

.info1 nav ul li a:hover {
	color:470684;
	background: #1d3503;


}


/*SUB MENU rym*/

.info2 nav{
	float:left;
	width: 920px;
	height: 39px;
	
	margin:0px auto;
	background: #260034;
	
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
        

}
.info2 nav ul{
	text-align: center;
}

.info2 nav ul li{
	display: inline-block;
	font-family: arial ;
	font-size: 16px;
}

.info2 nav ul li a{
	color:#fff;
	padding: 10px 30px;
	display: block;
	text-decoration: none;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
        



} 

.info2 nav ul li a:hover {
	color:#ffffff;
	background: #591f6b;


}

/*SUB MENU color digital*/

.info4 nav{
	float:left;
	width: 920px;
	height: 39px;
	
	margin:0px auto;
	background: #8e060f;

	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
        

}

.info4 nav ul{
	text-align: center;
}
.info4 nav ul li{
	display: inline-block;
	font-family: arial ;
	font-size: 16px;
}

.info4 nav ul li a{
	color:#fff;
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
        



} 

.info4 nav ul li a:hover {
	color:#ffffff;
	background: #6a0000;


}



.trasparencia{
	margin: 0px 0px;
	width: 100%;
	height: 66px;
	z-index: 100;
	position: relative;
}

/* info servicios */



.titular{

	width: 820px;
	height: 20px;
	padding: 10px 0px;
	background-color: #8fb841;
	margin: 50px auto;
	text-align: center;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
    color: #ffffff;    

}

.titular1{

	width: 820px;
	height: 20px;
	padding: 10px 0px;
	background-color: #591f6b;
	margin: 50px auto;
	text-align: center;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
    color: #ffffff;    

}

.titular2{

	width: 820px;
	height: 20px;
	padding: 10px 0px;
	background-color: #bf0411;
	margin: 50px auto;
	text-align: center;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
    color: #ffffff;    

}


.textoservis{
	width:820;
	height: 50px;
	text-align: center;
	margin:20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.textoserviscolor{
	width:820;
	height: 60px;
	text-align: center;
	margin:0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}



/* slider */
.slider{

	margin:-80px 0px;
	width: 960px;
	/*height: 450px;*/
	z-index: 1;
	clear: both;
}

.slider1{

	margin:-80px 0px;
	width: 960px;
	/*height: 350px;*/
	z-index: 1;
	clear: both;
}

.galeria{
	background-color: #b0c533;
	width: 720px;
	height: 600px;
	margin: 25px auto;
	padding: 5px 5px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}

.galeria2{
	background-color: #591f6b;
	width: 720px;
	height: 600px;
	margin: 25px auto;
	padding: 5px 5px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}

.galeria3{
	background-color: #bf0411;
	width: 720px;
	height: 600px;
	margin: 25px auto;
	padding: 5px 5px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}
/* aside */
.pie{
	background-image: url(../imagenes/pie.jpg);
	width: 960px;
	height: 130px;
	margin: 80px 0px;
	
	z-index: 100;
	position: relative;
}



.piegsg{
	background-image: url(../imagenes/pie.jpg);
	width: 960px;
	height: 130px;
	margin: -60px 0px;
	
	z-index: 100;
	position: relative;
	
}

.pierym{
	background-image: url(../imagenes/pie-rym.jpg); 
	width: 960px;
	height: 130px;
	margin: -60px 0px;
	
	z-index: 100;
	position: relative;
	
}

.piecolordigital{
	background-image: url(../imagenes/pie-color-digital.jpg);
	width: 960px;
	height: 130px;
	margin: -60px 0px;
	
	z-index: 100;
	position: relative;
	
}

.servicio1{
	display: inline-block;
	float: right;
	margin: -40px 10px;
	padding: 10px 40px;
	width: 130px;
}
.servicio2{
	display: inline-block;
	
	margin: auto;
}
.servicio3{
	display: inline-block;
	margin:  auto;
	
}

.pie2{
	background-color:#1e1920;
	z-index: 102;
	position: absolute;
	width: 960px;
	
	padding: 10px 0px;
	margin:90px 0px;
	
}

.derechos{
	
	text-align: center;
	font-size: 12px;
	color: #fff;
	
	
}


/* footer */

.info{
	background-color: #ffffff;
	width: 840px;
	height: 570px;
	margin: 100px auto;
	padding: 20px 40px;
	
}

.info1{
	background-color: #ffffff;
	width: 920px;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}

.info2{
	background-color: #ffffff;
	width: 920px;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}


.info4{
	background-color: #ffffff;
	width: 920px;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}
.corporativo {
	float: left;
	width: 350px;
	}

.valor{
	width: 320px;
	display: block;
	text-align: center;
	margin: 40px 0px;

}

.mano{
	width: 300px;
	height: 300px;
	float:left;
	margin: 10px 10px;
	z-index: 1;
}

.mision{
	width: 680px;
	height: 400px;
	margin: 10px 110px;
	text-align: center;
	padding: 0px 0px;
	z-index: 1;
	
}
.ojo{
	margin: 60px 0px;
}

h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
}

.filo1 {
	color: #a3bd31;
}

.filo2 {
	color: #bf0411;
}
.filo3 {
	color: #5a287f;
}


/*  stilo contacto */

.formulariocodigo{
	display: none;
}

.imgcontacto{
	width: 960px;
	height: 220px;
	z-index: 1;
	margin: -80px 0px;
	
}
.titucontac{
	display: inline-block;
	width: 940px;
	height:20px;
	background-color:#282828;
	text-align: center;
	margin: 10px auto;
	color: #FFF;
	padding: 10px;
	font-size: 18px;
}

.titucontac1{
	

	width: 920px;
	height:100px;
	background-color:#5e5c5a;
	text-align: center;
	margin: 0px auto;
	color: #FFF;
	padding: 20px 0px;
	font-size: 22px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}
.contac1{

	width: 960px;
	height: 200px;
	background-color: #ffffff;
	margin: 85px 0px;
	font-family: sans-serif arial;
	padding: 40px 0px;
}
.contac{
	width: 960px;
	height: 600px;
	background-color: #ffffff;
	margin: 85px 0px;
	font-family: sans-serif arial;
}


.formulario  {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    	-moz-border-radius:5px; 
		-webkit-border-radius:5px;
    color: black;
    display: block;
    font-family: sans-serif;
    font-size: 18px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 600px;
    margin: 30px auto;
}


.formulario label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
    padding: 4px 40px;
    width: 90px;
}


.formulario input {
    height:20px; 
    width:220px; 
    padding:3px 8px;
}
.formulario textarea {
    padding:8px; 
    width:220px;
}
.formululario button {
    margin-left:10px;

}

.btn_enviar{
	
	margin: 5px 0px 5px 130px;


}

input:required{
	box-shadow: 0px 0px 5px green;
}
 input:invalid{
 	box-shadow: 0px 0px 5px red;
 }


/*----- estilos visuales de los elementos --------*/
.formulario input, .formulario textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #888;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.formulario input:focus, .formulario textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
    padding-right:80px;
}


/* iconos social */

.social{
	position: fixed;
	left: 0px;
	top: 200px;
	z-index: 800;
	
}

.social ul{
	list-style: none;
}

.social ul li a{
	display: inline-block;
	color: #FFF;
	background-color: #000;
	padding: 10px 15px;
	
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	
	text-decoration: none;
	-webkit-trasition:all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-tramsition:all 500ms ease;
	transition:all 500ms ease;
}

.social ul li .icon-facebook{
	background: #3b5998;
}

.social ul li .icon-twitter{
	background:#00abf0 ;
}

.social ul li .icon-youtube{
	background: #df0607;
}

.social ul li .icon-googleplus{
	background: #d95232;
}

.social ul li .icon-blogger{
	background:#e78b08 ;
}

.social ul li .icon-mail{
	background: #666666;
}

.social ul li a:hover{
	padding: 10px 30px;
	background: #000;
}



/*------------------------------------------MENU ADAPTABLE--------------------------------------*/
/*#menuadaptable{
	height: 50px;
	background: blue;
	color: #fff;
	margin-top: 80px;
}
#btn-menu{
	display: none;
}
#menuadaptable label{
	font-size: 30px;
	cursor: pointer;
	display: none;
}
.submenuadaptable ul{
	background: red;
	display: flex;
	list-style: none;
	text-align: center;
}
.submenuadaptable a{
	display: block;
	padding: 15px 20px;
	color: blue;
	text-decoration: none;
}
.submenuadaptable a:hover{
	background: red;
}*/
/*------------------------------------------MENU ADAPTABLE--------------------------------------*/









/*---------TABLET---------*/
@media only screen and (max-width: 1024px){


 .direccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	display:block;
	/*width: 760px;*/
	height: 80px;
	text-align: left;
	float:right;
	position: relative;
	z-index: 2;
	margin-right: 0px;
	/*width: 650px;*/
}


.todo nav {
	background:#1e1920;
	z-index:1000;
	width:750;
	height: 39px;
	margin: 0px 0px;
}

.todo nav ul {
	list-style:none;
	/*text-align: right;
	margin-right: 15px;*/
}

 .todo nav ul li {
	display:inline-block;
	position: relative;
	font-family: arial ;
	font-size: 14px;
	border-radius:4px; 
		-moz-border-radius:4px; 
		-webkit-border-radius:4px;
}

 .todo nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 15px 5px 18px 5px;
	text-align: left;
}


.info1 nav{	        
	float:left;
	width: 100%;
	height: 36px;
	
	margin:0px auto;
	background:#4e700c;
	
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;	
}


.info2 nav{
	float:left;
	width: 100%;
	height: 36px;
	
	margin:0px auto;
	background: #260034;
	
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;        
}


.info4 nav{
	float:left;
	width: 100%;
	height: 36px;
	
	margin:0px auto;
	background: #8e060f;

	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;        
}


.info1 nav ul li a{
	color:#fff;
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
} 


.info2 nav ul li a{
	color:#fff;
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;       
} 


.info4 nav ul li a{
	color:#fff;
	padding: 10px 10px;
	display: block;
	text-decoration: none;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;        
} 


.galeria{
	background-color: #b0c533;
	width: 720px;
	height: 600px;
	margin: 25px auto;
	padding: 5px 5px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}


.galeria3{
	background-color: #bf0411;
	width: 720px;
	height: 600px;
	margin: 25px auto;
	padding: 5px 5px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}


.todo {
	background-color:#1e1920;
	width: 768px;
	margin:auto;
}


.slider{
	margin:-77px 0px;
	width: 100%;
	/*height: 450px;*/
	z-index: 1;
	clear: both;
}

.slider1{

	margin:-77px 0px;
	width: 100%;
	/*height: 350px;*/
	z-index: 1;
	clear: both;
}


.info{
	background-color: #ffffff;
	width: 100%;
	height: 570px;
	margin: 85px auto;
	padding: 20px 0px 40px 0px;
	
}


.info2{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}


.info4{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}


.mision{
	width: 650px;
	height: 400px;
	margin: 10px 110px;
	text-align: center;
	padding: 0px 0px;
	z-index: 1;
}


.corporativo {
	float: left;
	width: 350px;
	text-align: center;
}


.imgcontacto{
	width: 100%;
	height: 220px;
	z-index: 1;
	margin: -70px 0px;
}


.contac{
	width: 100%;
	height: 600px;
	background-color: #ffffff;
	margin: 85px 0px;
	font-family: sans-serif arial;
}


.titucontac{
	display: inline-block;
	width: 100%;
	height:20px;
	background-color:#282828;
	text-align: center;
	margin: 10px auto;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	font-size: 18px;
}

.contac1{

	width: 768px;
	height: 200px;
	background-color: #ffffff;
	margin: 85px 0px;
	font-family: sans-serif arial;
	padding: 40px 0px;
}

.titucontac1{
	width: 750px;
	height:100px;
	background-color:#5e5c5a;
	text-align: center;
	margin: 0px auto;
	color: #FFF;
	padding: 20px 0px;
	font-size: 22px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}

img.banerservi{
	width: 100%;
}


.cinta{
	margin: 70px 0px;
	width: 100%;
}


.info1{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}


.titular{

	width: 80%;
	height: 20px;
	padding: 10px 0px;
	background-color: #8fb841;
	margin: 50px auto;
	text-align: center;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
    color: #ffffff;    
}


.titular1{

	width: 80%;
	height: 20px;
	padding: 10px 0px;
	background-color: #591f6b;
	margin: 50px auto;
	text-align: center;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
    color: #ffffff;    

}


.titular2{

	width: 80%;
	height: 20px;
	padding: 10px 0px;
	background-color: #bf0411;
	margin: 50px auto;
	text-align: center;
	border-radius:3px; 
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
    color: #ffffff;    

}


.slider5{
	background-color: #ffffff;
	width: 100%;
	height: 60px;
	margin: -60px auto;
	
}


.valor{
	width: 350px;
	display: block;
	text-align: center;
	margin: 40px 0px;

}


.pie{
	background-image: url(../imagenes/pie.jpg);
	width: 100%;
	height: 130px;
	margin: 80px 0px;
	z-index: 100;
	position: relative;
}


.pie2{
	background-color:#1e1920;
	z-index: 102;
	position: absolute;
	width: 100%;
	padding: 10px 0px;
	margin:90px 0px;	
}


.piegsg{
	background-image: url(../imagenes/pie.jpg);
	width: 100%;
	height: 130px;
	margin: -60px 0px;
	z-index: 100;
	position: relative;
	
}


.pierym{
	background-image: url(../imagenes/pie-rym.jpg); 
	width: 100%;
	height: 130px;
	margin: -60px 0px;
	z-index: 100;
	position: relative;
	
}


.piecolordigital{
	background-image: url(../imagenes/pie-color-digital.jpg);
	width: 100%;
	height: 130px;
	margin: -60px 0px;	
	z-index: 100;
	position: relative;
	
}


}









/*---------SMARTPHONE---------*/
@media only screen and (max-width: 785px){



.todo {
	background-color:#1e1920;
	width: 480px;
	margin:auto;
}

/*******-------------CABECERA-------------********/

/*--------LOGO-------*/
.cabecera {
	background-image: url(../imagenes/fondo%20cabecera.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:50px;
}


.logo {

	display:inline-block;
	width: 100px;
	height: 75px;
	
}

.imagen {
	width:120px;
	z-index: 99999;
	position: relative;
}


/*--------DIRECCION-------*/
.direccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	display:block;
	/*width: 760px;*/
	height: 50px;
	text-align: left;
	float:right;
	position: relative;
	z-index: 2;
	margin-right: 0px;
	/*width: 650px;*/
}


.dir1{
display: inline-block;
font-size: 11px;
padding: 9px 4px;

}

.dir2{
display: inline-block;
font-size: 11px;
padding: 9px 4px;

}

.dir3{
display: inline-block;
font-size: 11px;
padding: 9px 4px;
}


/*--------MENU-------*/
.todo nav {
	background:#1e1920;
	z-index:1000;
	width:750;
	height: 30px;
	margin: 0px 0px;
}


.todo nav ul li {
	display:inline-block;
	position: relative;
	font-family: arial ;
	font-size: 12px;
	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;
}


 .todo nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 7px 14px 7px 13px;
	text-align: left;
}


.todo nav ul li a span {
	margin-right:10px;
}




/*********------------CUERPO------------*********/

/*--------SLIDER-------*/
.trasparencia{
	margin: -2px 0px;
	width: 100%;
	height: 75px;
	z-index: 100;
	position: relative;
}
.imgcontacto{
	width: 100%;
	height: 220px;
	z-index: 1;
	margin: -80px 0px;
}


/*--------GSGPACIFICO-------*/
.info{
	background-color: #ffffff;
	width: 100%;
	height: 1170px;
	margin: 85px auto;
	padding: 20px 0px 40px 0px;	
}

.corporativo {
	float: left;
	width: 480px;
	text-align: center;
}

.valor{
	width: 400px;
	display: block;
	text-align: center;
	margin: 40px 40px;
}

.mision{
	width: 400px;
	height: 560px;
	margin: 40px 40px;
	text-align: center;
	padding: 0px 0px;
	z-index: 1;
	float: left;
}


/*--------SERVICIOS-------*/
.info1{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}

.cabecera1 {
	background-image: url(../imagenes/fondo-cabecera-serviplast.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:50px;
}

.cabecera2 {
	background-image: url(../imagenes/fondo-cabecera-rym.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:50px;
}

.cabecera3 {
	background-image: url(../imagenes/fondo-cabecera-color-digital.jpg);
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	height:50px;
}

.info1 nav{	        
	float:left;
	width: 100%;
	height: 29px;
	
	margin:0px auto;
	background:#4e700c;
	
	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;	
}

.textoservis{
	width:820;
	height: 130px;
	text-align: center;
	margin:-30px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.galeria{
	background-color: #b0c533;
	width: 450px;
	height: 420px;
	margin: 25px auto;
	padding: 1px 8px 10px;
	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;
}

.info2{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}

.info2 nav{
	float:left;
	width: 100%;
	height: 29px;
	
	margin:0px auto;
	background: #260034;
	
	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;        
}


.galeria2{
	background-color: #591f6b;
	width: 450px;
	height: 420px;
	margin: 25px auto;
	padding: 1px 8px 10px;
	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;
}

.info4 nav{
	float:left;
	width: 100%;
	height: 29px;
	
	margin:0px auto;
	background: #8e060f;

	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;      
}

.info4{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 75px auto;
	padding: 20px 0px;
}

.galeria3{
	background-color: #bf0411;
	width: 450px;
	height: 420px;
	margin: 70px 7px 25px;
	padding: 1px 8px 10px;
	border-radius:0px; 
		-moz-border-radius:0px; 
		-webkit-border-radius:0px;
}




/*--------CONTACTO-------*/
.formulario  {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    	-moz-border-radius:5px; 
		-webkit-border-radius:5px;
    color: black;
    display: block;
    font-family: sans-serif;
    font-size: 18px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 400px;
    margin: 30px auto;
}

.formulario label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
    padding: 4px 0px;
    width: 90px;
}

.contac1{

	width: 480px;
	height: 120px;
	background-color: #ffffff;
	margin: 85px 0px;
	font-family: sans-serif arial;
	padding: 40px 0px;
}

.titucontac1{
	width: 450px;
	height:80px;
	background-color:#5e5c5a;
	text-align: center;
	margin: 0px auto;
	color: #FFF;
	padding: 20px 0px;
	font-size: 22px;
	border-radius:3px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
}






/*********------------PIE DE PAGINA------------*********/
.servicio1{
	display: inline-block;
	float: right;
	margin: 0px 0px;
	padding: 10px 30px;
	width: 100px;
}


.derechos{
	text-align: center;
	font-size: 10px;
	color: #fff;
}


.pie2{
	background-color:#1e1920;
	z-index: 102;
	position: absolute;
	width: 100%;
	padding: 5px 0px;
	margin:100px 0px;	
}

}