@charset "UTF-8";

* { margin: 0; padding: 0; }
img { border:0 }

@media (max-width:1085px) {  
	#header_content{ width:1024px; }
	#top_menu{ margin-left:80px; }
}
@media (min-width:1086px) {  
	#header_content{ width:1085px; }
	#top_menu{ margin-left:116px; }
}

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic);

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

/* HEADER */
header { width:100%; height:91px; background:#fff; }
#barra_top { width:100%; height:5px; background:url(../images/barratop.jpg) center no-repeat #7dbf82; }
#barra_bottom{ width:100%; height:5px;	border-bottom:1px solid #bbb; }
   
    /* CAMBIO DE IDIOMA */
    #option_lang{ width:100px;	height:auto; background:#c40d1f; position:absolute;	z-index:10; right:0; top:0px;	line-height: 25px; }
        #option_lang a { width:100px; height:27px; float:left; display:block; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; }
        #option_lang #lang1 { border-bottom:1px solid white; }
        #option_lang a:link, #option_lang a:active, #option_lang a:visited{ color:white; font-weight:normal; }
        #option_lang a:hover{font-weight:bold;}

    /* CONTENIDO DEL HEADER */
    .header_content{ height:81px; background:white; margin:0 auto; }
    #logo{ width:185px; height:74px; float:left; margin-left:10px; }
    .top_menu{ width:700px; height:44px; float:left; margin-top:22px; }

    /* Nav style */
    nav ul{list-style:none;}
    nav ul li{display:inline-block; text-align:center; line-height: 45px; height:44px; float:left;}
    nav ul #item1{width:205px; border-right:1px solid #bbb;}
    nav ul #item2{width:231px; border-right:1px solid #bbb;}
    nav ul #item3{width:125px; border-right:1px solid #bbb;}
    nav ul #item4{width:125px;}
    nav ul li a {display:block; text-align:center; text-decoration:none;  font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
    nav ul li a:link, nav ul li a:active, nav ul li a:visited {color:#7e7e7e;}
    nav ul li a:hover{color:#282828;}

    .actual-section { width:100%; height:20px; display:box; line-height: 20px; margin-top:12px; background:#7dbe84; color:#ffffff; }

/* FOOTER */

footer{  width:100%; font-family:Arial, Helvetica, sans-serif; background:#fff; }
#f-contenedor{ width:1024px; height:164px; margin:0 auto; }
    #f-contenedor-noindex{ width:100%; height:164px; margin:0 auto; }
    #f-contenedor-short{ width:100%; height:36px; }
#f-barra{ width:100%; height:5px; border-bottom:1px solid #bbb }
#p-legal{ width:100% !important; background:url(../images/footer-legal.jpg) center no-repeat #64a764; color:white; font-size:0.75em; font-style:italic; line-height: 27px; z-index:100; text-align:center !important; }
#f-contenido { width:804px; height:146px; margin:12px auto; font-size:0.75em; color:#7e7e7e; text-align:center; }
#r1, #r2, #r3, #t1, #t2, #adjuntar-hv, #c1, #c2, #c3, #c4, #c5, #c6, #r1-en, #t1-en, #c1-en, #correo-insitucional {position:absolute;}
#redes{ width:261px; float:left; }
    #redes .f-space, #trabaja .f-space{border-right:1px solid #bbb;}
    #redes ul{list-style:none;}
    #redes ul li{display:inline-block;}
    #r1, #t1{margin-top:-6px; margin-left:50px}
    #r1 .en {margin-left:32px;}
    #r1-en{margin-top:-6px; margin-left:85px}
    #r2{margin-top:30px; margin-left:68px}
    #r3{margin-top:30px; margin-left:65px}
#trabaja{ width:264px; float:left; }
    #t1-en{margin-top:-6px; margin-left:75px}
    #t2{margin-top:25px; margin-left:5px; width:250px; float:left;}
    #adjuntar-hv{ width:115px; height:30px; background-color:#e71e00; margin-left:70px; margin-top:70px; }
        #adjuntar-hv a {display:block; text-align:center; text-decoration:none;  font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
        #adjuntar-hv a:link, #adjuntar-hv a:active, #adjuntar-hv a:visited, #adjuntar-hv a:hover { color:#ffffff; line-height: 30px;}
        .es {padding-top:8px;}
#correo-insitucional{ width:115px; height:30px; background-color:#e71e00; margin-left:5px; margin-top:10px; }
        #correo-insitucional a {display:block; text-align:center; text-decoration:none;  font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
        #correo-insitucional a:link, #correo-insitucional a:active, #correo-insitucional a:visited, #correo-insitucional a:hover { color:#ffffff; line-height: 30px;}
#contacto{ width:277px; float:left; }
    #c1{margin-top:-6px; margin-left:90px}
    #c1-en{margin-top:-6px; margin-left:105px}
    #c2{margin-top:20px; margin-left:20px}
    #c5{margin-top:53px; margin-left:20px}
    #c3{margin-top:20px; margin-left:50px;}
    #c4{margin-top:20px; margin-left:177px}
    #c6{margin-top:55px; margin-left:50px}
    #correo {width:115px; height:12px !important; border:1px solid #e71e00; padding-left:5px; padding-right:5px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        font-size:12px;
    }
    #submit{width:80px; height:22px; border:1px solid #e71e00; background:#e71e00; color:#fff; cursor:pointer; }
    textarea{width:195px; height:50px; resize:none; border:1px solid #e71e00; 
    font-family:Arial, Helvetica, sans-serif; font-size:12px !important; padding:5px; overflow-y:auto;
        border:1px solid #e71e00 !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        font-size:12px;
    }

.line-height{height:146px}
.f-space{ margin: 20px auto; height:126px; }
.arrow{ width:1024px; height:14px; margin:0 auto; background:#fff; }
    #arrow1{margin:0 auto; width:8px}

/* SHORT FOOTER */
#f-contenido-nomargin{
	width:900px;
    height:30px;
    margin-left:auto;
    margin-right:auto;
    font-size:0.75em;
    text-align:center;
    line-height: 40px;
    color:#7e7e7e;
    padding-left:100px
    
}
.line-right{border-right:1px solid #bbb; height:30px;}

/* CONTENT */
.background{
    background:url(../images/background.jpg) repeat;
}
.content-home {
    width:100%;
    height:530px;
    background:#ffffff;
    margin:0 auto; 
}
.content {
    width:1024px;
    height:680px;
    background:#fff;
    margin:0 auto; 
}
.content_clients {
    width:1024px;
    height:740px;
    background:#fff;
    margin:0 auto; 
}
.content_emp {
    width:1024px;
    height:780px;
    background:#fff;
    margin:0 auto; 
}
.section-title{
    width:100%;
    height:100px;
    /*background:#fff8e2;*/
    margin: 10px auto 10px;
}
.first{
    font-family:Arial, Helvetica, sans-serif;
    width:95%;
    height:50px;
    margin: 0 auto;
    border-bottom:1px solid #bbb;
    line-height:50px;
    font-size:1.3em;
    color:#c60d1d;
    letter-spacing:3px;
}
.second{
    font-family: 'Open Sans Condensed', sans-serif;
    width:95%;
    height:50px;
    margin: 0 auto;
    line-height:40px;
    color:#737373;
    font-size:0.9em;
    font-weight:100;
    font-style:italic
}
.section-content{
    width:905px;
    height:550px;
    margin-top:10px;
    margin: 0 auto;
}
.section-content-clients{
    width:700px;
    height:600px;
    margin: 10px auto;
    margin-bottom: 50px;
}

/* ...::: LÍNEAS DE PRODUCCIÓN :::... */
.section-nav-image{ float:left; width:107px; height:80px;}
.section-nav-title{ float:left; width:134px; line-height:15px; margin-left:20px;}

#production2 .section-nav-title {margin-top:15px;}
#production2-en .section-nav-title{margin-top:25px;}
#production3 .section-nav-title, #production4 .section-nav-title{margin-top:33px;}
#production1 .section-nav-title, #production5 .section-nav-title, #production6 .section-nav-title{margin-top:25px;}
#production5-en .section-nav-title {margin-top:18px;}

#production1 .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px -240px; }
#production2 .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px 0px; }
#production3 .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px -80px; }
#production4 .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px -160px; }
#production5 .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px -320px; }
#production6 .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px -400px; }

#production2-en .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px 0px; }
#production5-en .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:0px -320px; }

#production1.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px -240px; }
#production2.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px 0px; }
#production3.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px -80px; }
#production4.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px -160px; }
#production5.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px -320px; }
#production6.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px -400px; }

#production5-en.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px -320px; }
#production2-en.active .section-nav-image{ background:url(../images/production-icons.jpg) no-repeat; background-position:-107px 0px; }

#production1,#production2,#production3,#production4,#production5, #production2-en, #production5-en { border-bottom:1px solid #bbb }

.section-tab-title{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:1.2em;
    color:#fff;
    height:29px;
    line-height:30px;
    text-align:center;
    background: #177235; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzIzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxY2EyNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #177235 0%, #1ca24b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#177235), color-stop(100%,#1ca24b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #177235 0%,#1ca24b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #177235 0%,#1ca24b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #177235 0%,#1ca24b 100%); /* IE10+ */
    background: linear-gradient(to right,  #177235 0%,#1ca24b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177235', endColorstr='#1ca24b',GradientType=1 ); /* IE6-8 */

}
.section-tab-all{
    /*background:yellow;*/
    height:520px;
}
.section-tab-all h4{
    font-family: 'Open Sans Condensed', sans-serif;
    color:#019645;
    font-size:0.9em;
    font-weight:400;
    padding-left:10px;
    font-style:italic
}
.section-tab-all p{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666;
    font-size:0.8em;
    padding-left:10px;
    padding-right:10px;
    line-height:18px;
    font-weight:200;
}

.tab-line-left{
    width:10px;
    height:485px;
    float:left;
    border-left:1px solid #bbb;
    background:url(../images/section-arrow.jpg) no-repeat;
}
#left-arrow1{background-position:0px 27px;}
#left-arrow2{background-position:0px 110px;}
#left-arrow3{background-position:0px 190px;}
#left-arrow4{background-position:0px 270px;}
#left-arrow5{background-position:0px 350px;}
#left-arrow6{background-position:0px 435px;}

/* Content groups */
.pro-group1{  width:373px; height:356px; position:absolute; margin-left:10px; margin-top:10px}
.pro-group2{  width:359px; height:160px; position:absolute; margin-left:10px; margin-top:350px}
.pro-group3{  width:245px; height:522px; position:absolute; margin-left:370px; text-align:left }
.pro-group4{      
    height: 309px;
    margin-left: 10px;
    padding-top: 25px;
    position: absolute;
    width: 366px;
}
.pro-group5{  width:359px; height:192px; position:absolute; margin-left:10px; margin-top:320px}
.pro-group6{  width:243px; height:521px; position:absolute; margin-left:370px; margin-top:15px;}
.pro-group7{  width:344px; height:338px; position:absolute; margin-left:20px; margin-top:-30px; }
.pro-group8{  width:252px; height:397px; position:absolute; margin-left:380px; margin-top:20px; }
.pro-group9{  width:607px; height:125px; position:absolute; margin-left:10px; margin-top:390px}
.pro-group10{ 
    width: 373px;
    height: 323px;
    position: absolute;
    overflow: hidden;
    margin-left: 1px;
    padding-top: 70px;
}
.pro-group11{ width:232px; height:522px; position:absolute; margin-left:400px;}

.pro-group12{
    position: absolute;
    margin-left: 64px;
    width: 334px;
    height: 323px;
    padding-top: 62px;
}

.pro-insignia{ width:80px; height:105px; position:absolute; margin-top:-60px; margin-left:40px; background:url(../images/productoinsignia.png) no-repeat;}
.pro-group3 p{line-height:20px; font-size:0.8em;}

/* ...::: CLIENTES :::... */
.clients{
    /*cursor:pointer;*/
    float: left;
    background:url(../images/clients.jpg) no-repeat; 
}
#client1 {  width:211px; height:126px; background-position:0px 0px; }
#client2 {  width:192px; height:126px; background-position:-211px 0px;}
#client3 {  width:155px; height:126px; background-position:-403px 0px;}
#client4 {  width:142px; height:126px; background-position:-558px 0px;}
#client5 {  width:187px; height:176px; background-position:0px -126px;    margin-left:20px;}
#client6 {  width:129px; height:176px; background-position:-210px -126px; margin-left:20px;} 
#client7 {  width:137px; height:176px; background-position:-390px -126px; margin-left:20px;}
#client8 {  width:142px; height:176px; background-position:-560px -126px; margin-left:20px;}
#client9 {  width:156px; height:168px; background-position:-12px -302px;  margin-left:30px;}
#client10 { width:121px; height:168px; background-position:-212px -302px; margin-left:20px;}
#client11 { width:177px; height:168px; background-position:-365px -302px; margin-left:15px;}
#client12 { width:133px; height:168px; background-position:-565px -302px; margin-left:15px;}
#client13 { width:101px; height:130px; background-position:-220px -470px; margin-left:230px;}
#client14 { width:200px; height:130px; background-position:-365px -470px; margin-left:10px;}

/* ...::: NUESTRA EMPRESA :::... */

.section-empresa{ width:1000px; height:660px; margin:0 auto;}
.section-left{    width:304px;  height:660px; float:left;}
.section-right{   width:696px;  height:660px; float:left}

#emp-img{ float:left; width:304px; height:200px; background:url(../images/empresa.jpg) no-repeat;}
#emp-info{ float:left; width:304px; height:460px;}
#emp-mision{ float:left; width:340px; height:180px;}
#emp-vision{ float:left; width:356px; height:180px;}
#emp-instalaciones{ float:left; width:550px; height:110px;}
#emp-gallery{ float:left; width:660px; height:337px; margin-top:10px; margin-left:30px}

.section-empresa h3{
    font-family: 'Open Sans Condensed', sans-serif;
    color:#019645;
    font-size:1.1em;
    font-weight:100;
    padding-left:10px;
}
.section-empresa p{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666;
    font-size:0.8em;
    line-height:20px;
    font-weight:200;
}
#emp-info p {
    padding-left:50px; 
    padding-right:50px; 
    text-align:center; 
    font-size:0.9em;
    margin-top:-10px;
}
#emp-mision p, #emp-vision p, #emp-instalaciones p {padding-left:10px; padding-right:40px; margin-top:-10px;}
#emp-gallery a {float:left; margin:6px; }

/* ...::: CALIDAD :::... */
.main-content{ width:692px; height:270px; margin:100px auto 0px;}
.icon{ float:left; width:67px; height:68px; margin-top:20px;}
.copy{float:left; width:336px; height:270px; }
.copy h3{
    padding:20px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#019645;
    font-size:1.2em;
    font-weight:200;}
.copy p{
    padding-left:20px;     
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666;
    font-size:0.8em;
    line-height:20px;
    font-weight:200;}

.copy span{color:#019645; font-weight:400; font-size:1.2em;}

.quality-image{float:left; width:289px; height:270px;}

/* Ver video */
#verVideo{
    position:absolute;
    top:100px;
    right:15px;
    z-index:1;
}

/* Contact form */
.tick{
    width:80%;
    margin: 0px auto;
    padding-top:20px;
}

.adjunto-p{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666;
    font-size:0.9em;
    padding-bottom:20px;
}

.little-space{ width:100%; height:30px;}
#adjunto-msg{
    width: 300px;
    height: 20px;
    margin:140px auto !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666;
    font-size:1em;
    padding-bottom:20px;
    text-align: center;
}
.little-space2{ width:100%; height:10px;}
.pos-bottom {bottom: 0; position: absolute;}