@import url(http://fonts.googleapis.com/css?family=Coustard);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* CSS Document */
/*Estilos Web*/
html{height:100%;}
body{background:#fff url(../img/bg-body.gif) repeat-y 0 0;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;height:100%;color:#f6f6f6;}
#wrapper{position: relative; height:100%;overflow-x:hidden;/*min-width:1000px;*/min-height:750px;width:1000px;margin:0 auto;background:#fff url(../img/logo-body.png) no-repeat 50px 5px;}
/********************Menu*****************************************/
#navigation {position:absolute;margin:0px;padding:0px;top:0px;left:0px;z-index:10;/*margin-left:-200px;*/margin-left:0px;width:200px;background:#000 url(../img/logo-tx.png) no-repeat 40px 9px;height: auto !important;min-height:100%;display:block;}
#navigation a{display:block;}
#navigation a:hover{text-decoration:none;background:url(../img/ico-sprite.png) no-repeat 115px 6px;}
#navigation ul{margin:210px 0 0 20px;line-height:2.1em;width: 130px;}
#navigation ul li {list-style-type:none;border-bottom:1px solid #f6f6f6;font-size:14px;font-weight:bold;}
#navigation .inicio{width:200px;height:180px;position:absolute;top:0px;right:0px;display:block}
#navigation .inicio:hover{background:none}
#navigation .btnmenu {width:48px;height:85px;position:absolute;top:213px;right:0px;background:url(../img/menu.png) no-repeat center 0px;}
/********************CONTACTO*****************************************/
#contact{position:absolute;margin:0;padding:0;top:0;right:0;z-index:9;
width:398px;height:608px;display:block;

}
#contact .closecontact{padding:0;margin:0;height:30px;width:30px;background:url(../img/ico-sprite.png) no-repeat center -65px;
position:absolute;
right:15px;top:0;cursor:pointer;}

#open{width:398px;height:40px;position:absolute;cursor:pointer;background:url(../img/bg-slide-contact.png) no-repeat right 0;}

.wra-contact{margin:0;padding:35px 35px 20px;background:#000000}
.form-contact label {display:block;padding-bottom:0.5em;font-size:14px;font-weight:bold;}
.form-contact .field-wrapper {margin-bottom:1em;background:#343834;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 10px;}
.form-contact label span {color:#a60000; font-size:15px;vertical-align:text-top}
.field-wrapper .inputtext {width:99%; background:none; border:none; color:#acacac;padding:0;}
.field-wrapper textarea {width:99%; height:120px; background:none; border:none;color:#acacac;padding:0;overflow:hidden}
.btn-env {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border:none;background: none repeat 0 0 #343834;display:inline-block;cursor:pointer;padding: 5px 25px 5px 10px;
background:url(../img/ico-sprite.png) 63px -16px no-repeat;
border:1px solid #343834;color:#f6f6f6;font-family:Arial,Helvetica,sans-serif;font-size:17px;}
.btn-env:hover{border:1px solid #a60000;color:#a60000;font-size:17px;}
#loading{color: #a60000;font-size:0.8em;padding-left: 1em;font-family:Arial,Helvetica,sans-serif;}
#response{color: #f6f6f6;font-size:0.8em;padding-left: 1em;font-family:Arial,Helvetica,sans-serif;}
.vanadium-advice{color:#a60000;font-size:0.8em;display:block;text-align:right;}
.address{margin:00;padding:30px 0px 15px 10px;}
.address span{display:block;line-height:1.5em;padding:2px 0 2px 25px;background:url(../img/icon.png) no-repeat;font-size:15px;font-family: 'PT Sans', sans-serif;}
.address span.phone{background-position:0 2px;}
.address span.email{background-position:0 -34px;}
.address span.email a{text-decoration:none;color:#f6f6f6;}
.address span.email a:hover{color:#910101;text-decoration:none;}
.address span.add{background-position:0 -75px;}
/***tirar construccion****/
#constuccion{width:500px;position:absolute;top:200px;left:40%;margin:0 0 0 -300px}
/***********************************************************************************/

/***********************************************************************************/
#main{position:absolute;display:block;height: auto !important;min-height:100%;top:0px;left:0px;
width:750px;
z-index:5;
margin:0 0 0 201px;
padding:0px;
/*border:1px solid #00FF00;*/}

#mainleft{position:absolute;display:block;height: auto !important;min-height:100%;top:0px;left:0px;
width:400px;
z-index:7;
background:#910101;}

#mainright{position:absolute;display:block;height: auto !important;min-height:100%;top:0px;left:0px;
z-index:6;
width:380px;
-webkit-box-shadow:0px 0px 5px #aaa;
-moz-box-shadow:0px 0px 5px #aaa;
box-shadow:0px 0px 5px #aaa;

/*background:#EDEDED;*/}

#main .close{padding:0;margin:0 0 0 369px;height:30px;width:30px;background:url(../img/ico-sprite.png) no-repeat center -65px;right:0px;cursor:pointer;}
/**********************CONTENIDO*****************************************/
#contenido{padding:0.5em 2em;text-align:justify;font-size:0.9em;line-height:1.4em;}
#contenido h1{font-size:26px;text-align:right;border-bottom: 1px solid #B25F5F;margin:0em 0em 0.2em;padding:0em 0em 0.2em;line-height:1.2em;font-family: 'Coustard', serif;}
#contenido h2{font-size:1.3em;text-align:left;margin:0.5em 0em 0.2em;padding:0em;line-height:1.2em;color:#B25F5F;font-family: 'Coustard', serif;}
#contenido h2.proyectos{font-size:20px;text-align:left;margin:0.5em 0em 0.2em;padding:0em;line-height:1.2em;color:#deb2b2;font-family: 'Coustard', serif;}
#contenido h3.proyectos{font-size:10px;text-align:left;margin:0;padding:2px 4px;line-height:1.2em;color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;background-color:#B25F5F;width:58%;}
#contenido p{margin:0.7em 0em;}
.alturalinea p{line-height:1.28em;}

#contenido ul, #contenido ol {margin:1em 0;list-style: none outside none;padding-left: 1.5em;}
#contenido ul li, #contenido ol li{line-height: 1.5em;list-style-image: none;list-style-type: square;}

#contenido ul.linea{margin:1em 1.3em;list-style: none outside none;padding:0em;border-top:1px solid #b25f5f;font-size:0.9em;text-align:left;}
#contenido ul.linea li{list-style-type:none;border-bottom:1px solid #b25f5f;line-height: 2em;}
#contenido ul.linea li a{padding:6px 3px;background:url(../img/ico-arrow.png) no-repeat 295px 7px;text-decoration:none;display:block;
font-weight:bold;font-size:1.1em;line-height:1.5em;}
#contenido ul.linea li a:hover{background-color:#b25f5f;}

#contenido #navtabs{}
#contenido .columtab{display: block;}
#contenido ul.tabs{margin:1em 0 0;height: 32px;list-style: none outside none;padding: 0;overflow:hidden}
#contenido ul.tabs li{float: left;line-height:30px;margin: 0;overflow: hidden;padding:0;list-style:none;display:inline;border-bottom:1px solid #B25F5F;border-top:1px solid #B25F5F;}
#contenido ul.tabs li:hover{background-color:#B25F5F;text-decoration:none}
#contenido ul.tabs li.active{background-color:#B25F5F;}
#contenido ul.tabs li a{display: block;padding:0 12px 0 14px;text-decoration: none;cursor: pointer;font-family: 'PT Sans', sans-serif;font-size:13px;font-weight:bold;background:url(../img/ico-arrow.png) no-repeat -5px 6px;}
#contenido .tab_container {clear: both;display:block;}
#contenido .tab_content {padding:10px;background-color:#B25F5F;width:316px;}
#contenido .tab_content p{font-size:11px; line-height:16px;margin:0.5em 0;font-family:Verdana, Arial, Helvetica, sans-serif}

/*toggle*/
#contenido .toggle-view{padding:0}
#contenido .toggle-view li { margin-bottom: 10px; position: relative; cursor: pointer; overflow: hidden;list-style:none;}
.toggle { padding: 7px 8px 7px 8px; margin: 0; border: 1px solid #910101; text-shadow: 0 1px 0 #fff; background: #a73434; background: -moz-linear-gradient(top, #a73434 0%, #b25f5f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#efefef 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#efefef 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); background: linear-gradient(top, #f6f6f6 0%,#efefef 100%); }
.toggle:hover { border-color: #BBB }
.tactive { /*color: #333;*/ border-color: #CCC; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.t, .t2 {display: none; padding: 10px;}

/************GENERALES******************************************************************/
a{text-decoration:none;color:#f6f6f6;}
a:hover{text-decoration:underline;color:#e7e7e7;}
.neg{font-weight:bold;}
.fuente{font-family: 'PT Sans', sans-serif;font-size:1.1em;}
.fuenteneg{font-family: 'PT Sans', sans-serif;font-weight:bold;font-size:1.2em;}
.negunder{font-weight:bold;text-decoration:underline;}


/***************************************************************************************/
.closegale {padding:0;margin:0 0 0 220px;height:30px;width:30px;background:url(../img/ico-sprite.png) no-repeat center -89px;right:0px;cursor:pointer;display:none}
.gimagen{color:#cbcbcb;font-family: 'Coustard', serif;font-size:18px;border-bottom:1px solid #cbcbcb;margin:37px 12px 0;line-height:2em;text-align:right;padding:0 30px 0 0;background:url(../img/icon.png) no-repeat right -117px}
.gimagen a{font-family: 'Coustard', serif;font-size:18px;margin:0px 155px 0 0;text-align:left;padding:0 0 0 25px;
background:url(../img/ico-sprite.png) no-repeat left -233px;color:#b25f5f;cursor:pointer;}
.gimagen a:hover{color:#cbcbcb;text-decoration:none;background:url(../img/ico-sprite.png) no-repeat left -266px;}

.galeria{margin:5px 0 0;padding-bottom:20px;list-style: none outside none;overflow:hidden;}
.galeria li{
float:left;
margin:15px 0 0 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
width:160px;
height:100px;}
.view {border: 3px solid #fff;position: relative;text-align: center;box-shadow: 0px 0px 5px #aaa;cursor: default;}


.mask {width:160px;height:100px;position: absolute;overflow: hidden;top: 0;left: 0;
   opacity:0;
   overflow:visible;
   background:rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view a.info {
   position:relative;
   top:0px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
   background:url(../img/lupa.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:40px 60px;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
.view:hover .mask {opacity: 1;background:rgba(0,0,0,0.7);}
.view:hover a.info {opacity:1;-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition-delay: 0.3s;}