/* Estilos Globales */
body {
    background: url(../imagenes/bg.jpg) repeat-x scroll 0 0 #F5F6F7;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}
a:focus { outline: 1px dotted }
a {
    color: #afb0b1;
    text-decoration: none;
}
a:hover,
a.selected {
    text-decoration: none;
    color: #032d6c;
}
a span { font-size: 90% }
h1 { font-size: 25px }
h2 { font-size: 23px }
h3 { font-size: 20px }
h4 { font-size: 14px }
h5 { font-size: 17px }
h6 { font-size: 15px }
ol { list-style: decimal }
ul { list-style: none }
li { position: relative }
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
table,
address,
fieldset,
img { margin-bottom: 10px }
p { margin-bottom: 15px;}
ul li ul,
ol li ol { margin-bottom: 0px }
ol { padding: 0 }
.hr {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    width: 850px;
    height: 1px;
    background: #888;
    margin: 0;
}
.nocolor {
    background: none !important;
    color: #FFF;
}
.nomarpad {
    margin: 0;
    padding: 0;
}
/*Estructura Principal*/
#wrapper {
    width: 950px;
    padding: 0px;
    margin: 30px auto;
    background: #FFF;
}
#header {
    width: 950px;
    padding: 45px 0 10px;
    overflow: hidden;
}
#header_intro {
    width: 950px;
    padding: 0 0 25px;
    overflow: hidden;
}
#menu {
    float: left;
    width: 850px;
    margin: 0 50px;
    color: #afb0b1;
    font-size: 16px;
    background: #FFF;
    z-index: 1;
    min-height: 3em;
    height: auto !important;
    height: 3em;
}
.menuL1 {
    float: left;
    padding-right: 50px;
    margin: 0;
}
.menuL2 {
    padding: 7px 0 0 10px;
    font-size: 14px;
    color: #848586;
    : ;
}

.desaparecer {
	display: none;
}
/*.menuL1 ul {margin-bottom:15px;}
*/
#content {
    width: 850px;
    padding: 10px 50px 40px 50px;
    background: #FFF;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    overflow: auto;
}
#content.content_intro {
    width: 810px !important;
    margin: 0 50px !important;
}
#content.content_proyectos {
    width: 870px !important;
    margin: 10px 0 0 30px !important;
    overflow: hidden;
}
#pie {
    width: 850px;
    height: 70px;
    background: #FFF;
    padding: 20px 0;
    margin: 0 50px;
    color: #d1d1d1;
    border-top: 1px solid #CCCCCC;
}
/*Contenido Principal*/
h1 {
    display: block;
    width: 950px;
    height: 80px;
    background: url(../imagenes/cabecera.jpg) no-repeat;
    text-indent: -9999px;
}
#introh1 {
    width: 950px;
    height: 393px;
    background: none;
    text-indent: 0;
    margin-bottom: 10px;
    overflow: hidden;
}
#somosPresent_txt_anim h2 {
    display: block;
    float: left;
    width: 245px;
    height: 240px;
    margin: 0 10px 0 0;
    color: #dfdfe0;
    font-size: 33px;
    font-weight: normal;
    background: #FFF;
}
#intro_descrip {
    float: right;
    width: 370px;
    margin: 0 39px 0 0;
    color: #333;
    text-align: justify;
    line-height: 1.4em;
}
#intro_img {
    float: right;
    margin: 0 50px 0 0;
}
#somosPresent_txt,
#somosPresent_img {
    float: left;
    width: 270px;
    height: 250px;
    margin: 0 20px 0 0;
}
#section_descrip {
    float: right;
    width: 235px;
    padding: 0;
    color: #333;
    text-align: justify;
    line-height: 1.4em;
}
#imagen_contacto { float: left }
#datos_contacto {
    float: left;
    width: 240px;
    margin: 118px 20px 0 50px;
    color: #6E7077;
    clear: right;
}
a.darker { color: #6E7077 }
.columna_clientes {
    float: left;
    height: auto;
    width: 270px;
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
}
.columna_clientes li {
    padding: 0 0 6px 10px;
    background: url("../imagenes/bullet.png") no-repeat scroll 0 2px transparent;
    color: #AFB0B1;
}
.category {
    margin: 0;
    padding: 0;
    background: none;
    line-height: 2.4em;
    font-weight: bold;
    color: #000;
}
#imagen_clientes {
    float: right;
    width: 270px;
}
#producto_titulo {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
    color: #032d6c;
}
.producto_detalle {
    display: block;
    padding: 5px 12px;
    font-size: 11px;
    line-height: 1.4em;
}
#proyectos_descrip {
    float: left;
    width: 270px;
    height: 270px;
    margin-left: 20px;
    padding: 0;
    color: #333;
    text-align: left;
    line-height: 1.4em;
}
#proyectos_descripbox {
    display: table-cell;
    vertical-align: bottom;
    width: 270px;
    height: 270px;
}
#proyectos_descrip h2 {
    line-height: 1.1em;
    font-size: 21px;
    color: #C0C0C0;
    margin-bottom: 20px;
}
.floatright {
    float: right !important;
    margin: 0 0 0 50px;
}
#proyectos_img {
    float: left;
    margin: 0;
    color: #FFF !important;
}
.boxgrid {
    width: 150px;
    height: 230px;
    margin: 0 0 20px 20px;
    float: left;
    background: #1b305f;
    overflow: hidden;
    position: relative;
    color: #FFF;
    font-size: 10px;
    line-height: 1.4em;
    padding: 30px 110px 10px 10px;
}
.boxgrid h3 { line-height: 1.3em }
.boxgrid img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxcaption {
    float: left;
    position: absolute;
    background: #000;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */  : ;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */  : ;
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.caption .boxcaption {
    top: 210;
    left: 0;
}
.captionfull .boxcaption {
    top: 270;
    left: 0;
}
* html ul li { position: relative }