@charset "UTF-8";
/* FONT FACE */
@font-face {
    font-family: 'JosefinSansStdLight';
    src: url('fonts/JosefinSansStd-Light-webfont.eot');
    src: url('fonts/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSansStd-Light-webfont.woff') format('woff'),
         url('fonts/JosefinSansStd-Light-webfont.ttf') format('truetype'),
         url('fonts/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin-top: 0px;
}
#wrap {
	float: none;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

h1 {
	font-family: 'JosefinSansStdLight' , sans-serif;
	font-size:22px;
	color:#FFF;
	text-align:left;
	font-weight:400;
	margin-bottom:5px;
}

h2 {font-family: 'JosefinSansStdLight' , sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
	margin-bottom:5px;}

h3 {font-family: 'JosefinSansStdLight' , sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	margin-bottom:5px;}

.contacto h1 {
	font-size:26px;
	padding-top: 20px;
	padding-left: 20px;
}

#form{margin-left:20px; height:380px; margin-top:10px;}

#form input{margin-top:10px; margin-bottom:10px; width:250px; margin-right:20px;}

#form div.left{float:left; margin-right:20px;}
#form textarea {height:200px; width:350px; margin-bottom:10px; margin-top:10px;}

#form input.enviar {
	padding:5px;
	background-color:#FFFFFF;
	width:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#form a {
	color: #ccc;
	text-decoration: none;
}

#form a:hover {
	color: #fff;
}

p {font-family: 'JosefinSansStdLight' , sans-serif;
		font-size:11px;
		color:#FFF;
		text-align:left;
		line-height: 130%;}

#menu{
	width: 950px;
	text-align: left;
	margin-bottom:50px;
	margin-top: 50px;
	z-index:99;	
}

.menu2 {
	margin-top:20px;
	margin-bottom:20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	float:right; width:940px; 
}
.menu2 ul{
	list-style-type: none;
}

.menu2 ul li{
	float:left;
	text-transform: uppercase;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	width:25%;
	text-align: center;
}

li.color1{ background-color:#5C6879;}
li.color2{ background-color:#788FA3;}
li.color3{ background-color:#F2E913;}
li.color4 { background-color:#F2CA26;}

.menu2 ul li a{
	color: #fff;
	text-decoration: none;	
}


#logo{
	width: 161px;
	height:57px;
	float:left;
	margin-top: -10px;
	margin-left:3px;
	margin-right:3px;
}

#logo img a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* MEnu depslegable */


	#jsddm
	{padding: 0;
	margin-top: 10px;
	text-align:center;
	z-index:99;}
	
	#jsddm li
	{
	float: left;
	list-style: none;
	font-family: sans-serif;
	font-size:25px;
	z-index:5;
	
}


	#jsddm li a
	{
	/*width:145px;*/
	display: block;
	background: #fff;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 10px;
	padding-left: 11px;
	text-decoration: none;
	color: #4d4d4d;
	white-space: nowrap;
	z-index:99;}

	#jsddm li a:hover
	{color: #838382;
	text-decoration: none;
	z-index:99;}
		
	#jsddm li ul
	{margin:0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index:99;}
		
	#jsddm li ul li
	{float: none;
	display: inline;
	font-size:18px;
	z-index:99;	}
		
	#jsddm li ul li a
	{width: 115px;
	background: #48667a;
	text-align:center;
	color:#FFF;
	border-bottom:1px solid #fff;
	z-index:99;}
		
	#jsddm li ul li a:hover
	{background: #48667a}

/* SLIDER */
	
	#slider{
	width:880px;
	height:300px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	margin-top:30px;
	margin-bottom:0px;
}	



    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
	  margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
	float: right;
	list-style: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }
	
/*OJO*/


    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      /*display: block;*/
	  display:none;
      /*width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;*/
	  
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
    }

    #slides a:link,
    #slides a:visited {
      color: #333;
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020;
    }

    .navbar {
      overflow: hidden
    }
	
	#footer{
	width:900px;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:10px;
	color:#5B6879;
	font-family: 'JosefinSansStdLight', sans-serif;
	font-size:12px;
	float: left;
	text-align: center;
	z-index: 1000;
}

div#footer div.footer1{
	border-bottom:solid 4px #48667A;
	padding-bottom:5px;
}



div#footer div.footer1 a{
	text-decoration: none;	color:#5B6879;
}

div#footer div.footer1 a:hover{
	text-decoration: none;
	color:#666;
}

div#footer div.footer2{margin-top:5px;}

#footer span{ margin-right:15px; margin-left:15px;}
#footer span.pie{ margin-right:0px; margin-left:5px;border-right-width: thin;
	border-right-style: solid;
	border-right-color: #48667A; padding-right:5px;}

#contenedor{
	
	float: left;
	width: 900px;
	height:500px;
	margin-top:30px;
	margin-bottom:0px;
}

#contenedor2{
	
	float: left;
	width: 900px;
	height:400px;
	margin-top:0px;
	margin-bottom:0px;
}

#contenedor-clientes{
	float: left;
	width: 900px;
	height:450px;
	margin-top:10px;
	text-align: center;
	border: thin solid #CCC;
}

#contenedor-productos{
	
	float: left;
	width: 900px;
	height:400px;
	margin-top:0px;
	margin-bottom:0px;
}

.contacto{ background-color:#2D509F; font-family: 'Lato', sans-serif; color:#FFF;}



div.img-contacto {
	float:right;
	width:109px;
	margin-top:-300px;
	margin-right:40px;
}

.cabecera-clientes{ background-color:#788FA3;  margin-bottom:5px; padding:10px;text-align: center;}

.cabecera-clientes h1{text-align: center;}

#contenedor-clientes img.margen{margin-top:10px;}
.texto{
	width:202px;
	padding:10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F4ED03;
	height:360px;
	float:left;
}

.noticias-texto{
	width:97%;
	padding:20px;
	height:95%;
	float:left;
	overflow-y:scroll;
}

.noticias-texto a{
	color: #FFF;
	text-decoration: none;	
}

.noticias-texto a:hover{
	text-decoration: underline;	
}

.noticias-texto2{
	width:700px;
	padding:20px;
	height:360px;
	float:left;
}


.noticias-texto2 ul li{
	font-family: 'JosefinSansStdLight', sans-serif;
	font-size:12px;
		line-height: 130%;
		margin-bottom:8px;
}
.scroll { height:280px;
	overflow-x:hidden; 
	overflow-y:scroll; 
	padding-right:10px;}

.noticias-texto2 p.noticias-left { width:340px; float:left;}

.noticias-texto2 p.noticias-right { width:340px; float:right;}

.noticias-texto2 p.fuente {
	float:right;
	font-style: italic;
}

.noticias-texto2 a {
	color: #F4ED03;
	text-decoration: none;
}

.noticias-texto2 a:hover {
	text-decoration: underline;
}

.noticias-color {
	width:100px;
	background-color: #82A6A3;
	float:right;
	height:500px;
}

.noticias-texto p.anterior {
    margin-top:100px;
    
}

.noticias-texto p {font-size: 13px; line-height: 150%;}

.noticias-texto p span {
	float: right;
}

.noticias{
	background-color:#546779;
	font-family: 'Lato', sans-serif;
	color:#FFF;
}

.noticias h1 {
	font-size: 24px;
}



.productos{
	width:240px;
	padding:20px;
	height:360px;
	float:left;
}

.historia{background-color: #234B8D;}

.vision, .cajas { background-color:#476679;}

.envases{	background-color:#F2CB27;}

.etiquetas {	background-color:#f4ed03;}

.etiquetas p, .etiquetas h1{color:#848483;}

.vasos{background-color:#788fa3;}

.mision {background-color:#81A6A3; }

.vision #img_qs,
.mision #img_qs{margin-top:50px; margin-bottom:30px;}

#img_qs{
		background-image:url(../img/imagen_nosotros.png);
		width:202px;
		height:37px;
		float:left;
	}
	
.historia #img_qs{ margin-bottom:10px; margin-top:5px;}

.img-historia{width:501px;
		height:400px;
		float:left;}
		
.bo-mundo{ width:153px; height:400px;float:left;background-color: #476679;}

.img-full { width:654px; height:400px; float:right;}

.img-full-productos { width:620px; height:400px; float:right;}

.img-full-productos-principal { width:666px; height:383px; float:none; margin-left:auto; margin-right:auto;}

.bo-mundo img {margin-top:53px;}


.calidad { width:260px; padding:20px; height:450px; float:left;}

div.cal1 {background-color:#16216a;}

div.cal2 {background-color:#397191;}

div.cal3{background-color:#81a6a2;}

div.cal3 h1{
	line-height: 130%;
}

.calidad p{
	line-height: 140%;
}

div.cal1 img {margin-top:10px; margin-bottom:10px;}
div.cal2 p {margin-top:10px;}
div.cal3 img {margin-top:10px; margin-bottom:10px;}


	#directorio{
	width:900px;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#5B6879;
	font-size:12px;
	float: left;
	
	z-index: 1000;
}