@charset "UTF-8";
/* CSS Document */
div{ display:block; position:relative;}

img{
    border:none;
}

body{ 
    font-family:"Helvetica","Arial","Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold", "Arial", sans-serif;
}

div#menu ul{
    display:block;
    position:relative;
    margin:0px;
    padding:0px;
}

div#menu ul li{
    list-style: none;
    float: left;
    color: white;
    font-family: "Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold";
    font-size: 16px;
    text-shadow: 0px 0px 5px black;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    border-right: solid 1px #333;
    width: 94px;
    margin: 9px 0px;
    padding: 0px 52px;
    text-align:center;
}

div#menu ul li a:hover { color:#c2e021; text-decoration:none;}
div#menu ul li a:a { color:#c2e021; text-decoration:none;}
div#header div#menu ul li a{color:#ffffff; text-decoration:none;}
div#header div#menu ul li a:active{color:#c2e021; text-decoration:none;}
div#header div#menu ul li a:hover{color:#c2e021; text-decoration:none;}
body{
    background:url(imgs/fondo.png) repeat;
}

#wrapper{ 
    width:1000px; /*min-height:595px;*/ 
    background:#FFF; 
    margin: 0 auto; 
    height:auto;
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=5, offy=5);
    border:2px solid #ccc;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

/*
    =header
*/

.slideshow{
    width:500px;
    background-color: #00ff00;
}

/*#slider{ width:1000px; height:267px;}*/

#menu{ width:100%; height:36px; background:url(imgs/fondo-menu.png) repeat-x; }
#contenido{ width:100%; height:auto; min-height:78px;}

.col-1{ 
    width:700px;
    float:left; 
    margin-left:20px;
}

body.socios .col-1{ width:950px; height:auto; float:left; margin-left:20px; min-height:300px;}

.col-2{ 
    width:200px;
    float:right; 
}

#footer{height:70px; width:100%; background:url(imgs/footer.png) no-repeat; margin: 0 auto;}
#header{ width:100%;}
#derechos{ 
    float:left; 
    width:50%; 
    height:30px; 
    font-family: "Helvetica", "Arial", "Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; color:#FFF; font-size:11px; margin:27px; margin-top: 36px;
text-shadow: 0px 0px 5px black;
filter: dropshadow(color=#000000, offx=0, offy=0);
}
#desarrolladopor{ 
    float:right; 
    width:25%; 
    height:60px; 
    font-family:"Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; 
    color:#FFF; 
    font-size:11px; 
    margin-top: 13px; 
    vertical-align:middle;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

#desarrolladopor img{
    margin: 5px 0px 0px 130px;
    width: 100px;
}

h1{ font-family:"Helvetica","Arial","Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; font-size:24px; color:#5b400a;}
h2{ font-family:"Helvetica","Arial","Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; font-size:18px; color:#333;}
h3{}
p{ font-family:"Helvetica","Arial","Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; color:#333; font-size:16px; text-align:justify;}

span.vermas{ color:#099; font-family:"Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; font-size:14px;}
div.col-2 img { margin-top: 20px;}
span.vermas a{ text-decoration:underline; color:#099; font-family:"Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; font-size:14px;}
span.vermas a:hover{text-decoration:underline; color:#063; font-family:"Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; font-size:14px;}

div#contenido div.col-1 ul li { font-family:"Myriad Pro", "Myriad Pro Bold", "Myriad Pro Semibold"; color:#333; font-size:16px; list-style-image:url(imgs/bullet-pin.png); }
.caption-productos{}

.verde-activo{ color:#c2e021;}

div.col-1 div.col-1 div#capslide_img_cont2.icontainer{ float:right}

div.col-1 div.col-1 div#capslide_img_cont4.icontainer{float:right}

/* CSS PARA TABLAS :D */

.table{ display: block; position: relative; width:800px; height:650px; /*border:1px #f11 solid;*/ margin: 0 auto;}
.fila{ display: block; position: relative; width:800px; height:115px;}
.columna{ float: left; width:150px; height:113px; margin: 0 25px;}


.productos .col-1{
    width: 960px;
}

.servicios .col-2{
    display:none;
}
.servicios .col-1{
    width:960px;
}

.contacto .col-1{
    width:960px;
}
.contacto .col-2{
    display:none;
}


/*
    ==descripcion
*/
.descripcion img{
    display: block;
    margin: 10px;
    width: 300px;
}
.descripcion .izq{
    float:left;
    width:300px;
    margin:0 10px 0 0;
}
.descripcion .cen{
    float:left;
    width:300px;
    margin:0 10px 0 0;
}
.descripcion .der{
    float:left;
    width:300px;
    text-align:center;
}

.dos-col .izq{
    width:450px;
    margin:10px;
}
.dos-col .der{
    width:450px;
    margin:10px;
}
.dos-col .der img{
    width:400px;
    height:auto;
    margin:10px;
}

img.regresar{
    position:relative;
    display:block;
    top:5px;
    float:left;
}
.regresartext{
    display:block;
    position:relative;
    margin:15px 0 0 0;
    color:#000;
    text-decoration:none;
}
.regresartext:hover{
    color:#666;
}

/*
=productos
*/
.cont_productos a{
    text-decoration:none;
    color:#5B400A;
}
.cont_productos a:hover{
    text-decoration:none;
    color:#5B400B;
}
.cont_productos{
    margin:0 20px 40px 0;
    float:left;
    display:block;
    position:relative;
    height:200px;
}
.cont_productos .thumb{
    height: 150px;
    width: 210px;
}

/*
    =servicios
*/
.servicios #wrapper #contenido .col-1 .contservicios{
    display:block;
    position:relative;
    border-bottom:1px solid #ccc;
    margin:0 0 20px 0;
}

.servicios #wrapper #contenido .col-1 .contservicios p{
    display:block;
    position:relative;
}

.servicios #wrapper #contenido .col-1 .contservicios .izq{
    display:block;
    position:relative;
    float:left;
    width:450px;
    margin:0 30px 0 0;
}
.servicios #wrapper #contenido .col-1 .contservicios .der{
    /*display:block;
    position:relative;
    float:left;
    width:450px;*/
}
.separador{
    height:50px;
    display:block;
    position:relative;
    clear:both;
}

/*
    =formulario
*/
.contacto .form,
.contacto .ubicacion{
    margin:30px 0 0 0;
}
.contacto .form{
    float:left;
    display:block;
    position:relative;
    width:450px;
}
.contacto .form input.subm{
    margin:10px 0 0 150px; 
    width:100px;  
}
.contacto .form input{
    width:250px;
}
.contacto .form textarea{
    width:250px;
    height:100px;   
}

.contacto .form span{
    width:150px;
    display: block;
    position:relative;
    float:left;
}
.contacto .form .filainput{
    margin:0 0 10px 0;
}
.contacto .ubicacion{
    float:left;
    display:block;
    position:relative;
    width:300px;
}

.contacto .ubicacion .oficina{
    margin: 0px 10px 0px 0px;
    width: 220px;
}

.contacto .ubicacion .horario{
    display: block;
    margin: 50px 0px 0px;
    position: relative;
    width: 220px;
}

.telemarketing{
    float:left;
    display:block;
    position:relative;
}
.telemarketing .masker{
    height: 300px;
    margin: 10px;
    overflow: hidden;
    width: 186px;
}
.telemarketing .masker img{
    position:absolute;
    display:block;
    left:-188px;
}





/* CSS DE CAPTION.CSS */
.ic_container{
    vertical-align:baseline;
    margin:10px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;

}