/*
Theme Name: Edobol.
Description: The 2010 theme for Edobol.
Author: Alejandro Monasterios Rios.
Version: 1.1
*/
body{
	/*background-color:#FFF;*/
	background-color:#0F68A0;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	font-size:1.8em;
	color:#FFF;
}

h3{
	color:#004a83;
	font-weight:bold;
}

p{
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 10px;
	line-height: 15px;
}

.clear{
	clear:both;
}

.hide{
	display:none;
}

/*********************** 
	 	Container 
************************/
   
#wrap{
	min-width:1000px;
	max-width:100%;
	margin:0 auto;
}

/********************************************************
					FTP UPLOAD FILE
*********************************************************/

#wrap #pantalla-negra{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index:2000;
}

#wrap #ftpField{
	background-color: #FFFFFF;
    border: 5px solid #004A83;
    display: none;
    margin: 75px 0 0 38%;
    padding: 20px;
    /*position: absolute;*/
    /*width: 245px;*/
    z-index: 3000;
	position:fixed;
}

#wrap #ftpField table tr td{
	padding:5px;
}

#wrap #ftpField table tr td label{
	font-size:0.8em;	
}

#wrap #ftpField table tr td h3{
	font-size:0.9em;
	margin-bottom:8px;
}

#wrap #ftpField table tr td input.file{
	height:24px;
	width:230px;
}

#wrap #ftpField table tr td span.status{
	color:#1E79AE;
	font-size:0.8em;
	font-weight:bold;
	font-style:italic;
}

#wrap #ftpField table tr td .buttonFtp{
	cursor: pointer;
    padding: 6px;
	float:left;
	width:60px;
	text-align:center;
	margin-top:3px;
/*	margin-top:8px;*/
}

#wrap #ftpField table tr td #submitPass{
    background-color: #1E79AE;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
	height:30px;	
	width:73px;
}

#wrap #ftpField table tr#statusSection{
	height:24px;
}

#wrap #ftpField table tr#statusSection td{
	padding-bottom:0px;
}

#wrap #ftpField #upload_targetFTP{
	width:0px;
	height:0px;
	position:relative;
	display:none;
	
}

#wrap #ftpField table tr td #loaderFtp{
	position:relative;
	margin-left:73px;
	display:none;
	font-size:0.7em;
	color: #1E79AE;
	font-weight:bold;
	font-style:italic;
}


#wrap #ftpField table tr td #cancelPass{
    background-color: #FFFFFF;
    border: 1px solid #1E79AE;
    color: #1E79AE;
	float:right;
}

/*********************** 
	 	 header 
************************/

#max-header{
	min-width:1000px;
	max-width:100%;
	height:63px;
	background: url(../img/linea-menu.jpg) repeat-x scroll;
	border-bottom:1px solid #FFFFFF;
	position:relative;
}

#header{
	background: url(../img/linea-menu.jpg) repeat-x scroll;
	width:980px;
	margin:0 auto;
	background-color:#333;
	position:relative;
	z-index:500;
}

#header #logo{
	width:254px;
	height:122px;
	background:url(../img/logo.png) no-repeat scroll;
	float:left;
	z-index:300;
	position:absolute;
	left:0px;
}

#header #logo a.goHome{
	float:left;
	width:254px;
	height:122px;
}

/* Navigation */

#header #nav {
	background: url(../img/linea-menu.jpg) repeat-x scroll;
	border-bottom:1px solid #FFFFFF;
	float:left;
	height:63px;
	margin:0 2px 0 261px;
	position:relative;
}

#header #nav .arrow {
	background:url("../img/flecha-ploma-arriba.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:19px;
	left:-2px;
	position:relative;
	top:23px;
	width:14px;
}
#header #nav .h-line {
	width:1px;
	height:64px;
	background-color:#CCCCCC;
	float:left;
	position:relative;
}

#header #nav ul{
	height:63px;
	list-style:none outside none;
	margin:0;
	width:800px;
	position:relative;
}

#header #nav ul li{
	float:left;
	height:63px;
	margin-right:49px;
	width:110px;
	position:relative;
}

#header #nav ul li:first-child{
	margin-left:13px;	
	width:85px;
}

#header #nav ul li .line{
	display:none;
	width:110px;
	height:4px;
	clear:both;
	position:relative;
	bottom:50px;
}

#header #nav ul li.current_page_item .line{
	display:block;
}

#header #nav ul li.page-item-1 .line{
	background-color:#000000;
	width:90px;
}

#header #nav ul li.page-item-2 .line{
	background-color:#f6f308;
}

#header #nav ul li.page-item-3{
	margin-left:20px;
}

#header #nav ul li.page-item-3 .line{
	background-color:#e2007e;
}

#header #nav ul li.page-item-4{
	margin-right:50px;
}


#header #nav ul li.page-item-4 .line{	
	background-color:#03b2e9;
}

#header #nav ul li.page-item-5{
	margin-right:0px;
}


#header #nav ul li.page-item-5 .line{
	background-color:#00578d;
}

#header #nav ul li a{
	text-decoration:none;
	color:#c0c0c0;
	font-size:0.8em;
	font-weight:bold;
	width:100%;
	float:left;
	height:63px;
	padding-top:28px;
}

/*********************** 
	   MAX-CONTENT
************************/

#max-content{
	position:relative;
	min-width:1000px;
	max-width:100%;
	position:relative;
	top: 0px; /*posiciona 58px hacia arriba*/
	background:url(../img/fondo-3-mas-pequenio.jpg) no-repeat top center;
	height:695px;
	z-index:100;
}

#content{
	width:984px;
	height:auto;
	margin:0 auto;
	z-index:0;
}

/*************
******* leftside
**************/

#content .left {
	position:relative;
	width:263px;
	float:left;
	border-right:1px solid #0f68a0;
}

#logo-IE7{
	background:url(../img/logo-if.png) top center no-repeat;
	width:254px;
	height:60px;
	position:relative;
	right:76px;
	display:none;
}

#content .left .red{
	width:185px;
	height:auto;
	background:url(../img/inicio-red.jpg) no-repeat scroll;
	float:right;
}

#content .left .red #texto-lateral{
	left:-77px;
	position:relative;
	top:112px;
}

#content .left .red .flecha-doble {
	background:url("../img/flecha-con-fondo-1.png") repeat scroll 0 0 transparent;
	height:35px;
	left:172px;
	position:relative;
	top:268px;
	width:35px;
}

#content .left .back-opacity{
	background:url(../img/1-por-1.png) repeat scroll;
	left:-70px;
	position:relative;
	padding:15px;
}

#content .left #info {
	height:100px;
	margin-top:230px;
	width:195px;
	font-size:0.95em;
}

#content .left #info a.mailto{
	text-decoration:none;
	border-bottom:none;
}

#content .left #info span{
	float:left;
	padding-bottom:3px;
	width:180px;
}

#content .left #info span.edit{
	width:158px;
}

#content .left #links{
	width:141px;
	margin-top:50px;
	padding-bottom:15px 20px;
}

#content .left #box-links{
	background-color: #1D6E9E;
    top: 650px;
   /* min-height: 144px;
	max-height:auto;*/
	height:auto;
    left: 8px;
    position:absolute;
    width: 171px;
    z-index: 200;	
	display:none;
}

#content .left #box-links .text-box{
	margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
}

#content .left #box-links .text-box li{
	height:20px;
}

#content .left #box-links .text-box li a{
	font-size:0.7em;
	color:#004A83;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:none;
	color:#FFF;
	text-decoration:underline;
}

#content .left a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}

#content .left img{
	margin-left:9px;
	position:relative;
	top:3px;
}

/*************
******* middle 
**************/

#content .middle {
	width:560px;
	float:left;
	margin:15px 0 0 10px;
}

/*photo-gallery*/

#content .middle #fotografia{
	text-align:right;
	padding-right:23px;
}

#content .middle #fotografia a{
	color:#004A83;
	font-size:0.7em;
	position:relative;
	bottom:31px;
}

#content .middle #fotografia span{
	color:#004A83;
	font-size:0.7em;
	text-decoration:none;
	position:relative;
	bottom:31px;
}


#content .middle #photo-gallery #frame-gallery{
	background:url(../img/Marco-pg-inicio.jpg) no-repeat;
	width:556px;
	height:398px;
}

#content .middle #photo-gallery #frame-gallery #photos{
	width:480px;
	height:305px;
	margin:40px 0 0 37px;
	display:inline-block;
	/*top:39px;*/
}

#content .middle #side-a{
	float:left;
	width:238px;
	margin:2px 0 0 22px;
}

#content .middle #side-a #quienes-somos p{
	font-size:0.7em;
	text-align:justify;
	padding-top:20px;
}

#content .middle #side-a #quienes-somos h3{
	margin-top:10px;
}

#content .middle #side-a #quienes-somos h3 img{
	position:relative;
	left:-18px;
	top:5px;
}

#content .middle #side-a #quienes-somos h3 a{
	position:relative;
	left:-11px;
	text-decoration:none;
	color:#004A83;
	border-bottom:1px solid #004A83;
}

#content .middle #side-a #preguntas{
	margin-top:45px;
}

#content .middle #side-b{
	margin-top:2px;
	float:right;
	width:255px;
	height:200px;
	margin-right:5px;
}

#content .middle #side-b #noticias h1{
	position:relative;
	right:12px;
}

/*#content .middle #side-b .noticias p.editable textarea{
	background:transparent;
	color:#FFF;
	font-size:1.2em;
	text-align:justify;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
}
*/


#content .middle #side-b #noticias h1 img{
	position:relative;
	right:10px;
}

#content .middle #side-b #noticias span.fecha{
	padding-top:5px;
	font-size:0.75em;
	color:#004A83;
	font-style:italic;
	font-weight:bold;
}

#content .middle #side-b #noticias h3{
	margin:22px 0 6px 0;
}

#content .middle #side-b #noticias p{
	font-size: 0.7em;
    margin-bottom: 14px;
    position: relative;
    text-align: justify;
    width: 225px;
    z-index: 200;
}

#content .middle #side-b #noticias span span{
	color:#004A83;
	font-style:italic;
	font-weight:bold;
	font-size:0.75em;
}

#content .middle #side-b #noticias span a{
	color:#004A83;
	font-size:0.8em;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #004A83;
}

/* Oculta todas las noticias */

#content .middle #side-b #noticias .noticias{
	display:none;
}

/* Menu de navegacion de noticas (paginacion)*/

#content .middle #side-b #noticias ul#navNoticias li{
	float:left;
	height:21px;
	
}

#content .middle #side-b #noticias ul#navNoticias li a{
	color:#FFF;
	border:1px solid #CCC;
	font-size:0.7em;
	margin-left:5px;
	font-weight:bold;
	text-decoration:none;
	padding:0 4px;
	height:21px;
}

#content .middle #side-b #noticias ul#navNoticias li a:hover{
	background-color:#FFF;
	color:#004A83;
}

#content .middle #side-b #noticias ul#navNoticias li.current a{
	background-color:#FFF;
	color:#004A83;
	cursor:text;
}



/*************
******* rightside
**************/

#content .right{
	margin-top:40px;
	margin-right:20px;
	width:122px;
	float:right;
}

#content .right #clima{
	height:125px;
}

#content .right #clima h3{
	text-align:right;
	margin-bottom:15px;
}

#content .right #clima #icon{
	float:left;
        background: url('../img-clima/circulo-3.png') no-repeat center center scroll transparent;
        width:60px;
        height: 60px;
        text-align: center;
}

#content .right #clima #temp {
    color: #FFFFFF;
    float: right;
    font-size: 2em;
    font-weight: bold;
    margin-top: 15px;
}

#content .right #clima #temp span{
    font-size:23px;
}

#content .right #clima #condicion {
    clear: both;
    color: #FFFFFF;
    font-size: 0.6em;
    font-weight: bold;
    padding-top: 2px;
	text-align:right;
}

#content .right #tipo-cambio{
	margin-bottom:20px;
}

#content .right #tipo-cambio h3{
	margin-bottom:10px;
	text-align:right;
}

#content .right #tipo-cambio span{
	color:#FFF;
	font-weight:bold;
	float:right;
	font-size:0.9em;
}

#content .right #barra-color-a{
	height:440px;
	background:url(../img/linea-colores-1.jpg) no-repeat top right scroll;
	width:122px;
}

/*Content-b*/

#max-content-b{
	position:relative;
	min-width:1000px;
	max-width:100%;
	position:relative;
	background: #0f68a0 url(../img/red-inferior.jpg) no-repeat bottom center scroll;
}

#content-b{
	width:984px;
	height:auto;
	margin:0 auto;
	
}

/*Content-b left*/

#content-b .left {
	position:relative;
	width:270px;
	float:left;
	
}

#content-b .left .back-opacity{
	background:url(../img/1-por-1.png) repeat scroll;
	padding:15px;
	margin-left:8px;
}

#content-b .left a{
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#content-b .left #ftp{
	width:141px;
	padding-bottom:15px 20px;
}

#content-b .left #ftp span.resalt{
	font-size:0.6em;
}

#content-b .left #ftp img{
	margin-left:13px;
}

#content-b .left #cotizacion{
	width:141px;
	margin-top:50px;
	padding-top:20px;
	padding-bottom:30px;
}

#content-b .left #cotizacion a{
	font-size:2.1em;
}

#content-b .left #cotizacion img{
	margin-left:17px;
}

/*Content-b middle*/


#content-b .middle{
	float:left;
	width:560px;
}

/*Content-b middle side-a*/

#content-b .middle .side-a{
	margin:12px 0 0 22px;
	width:238px;
	float:left;
}

#content-b .middle .side-a .preguntas ul li.preg{
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	cursor:pointer;
	line-height:15px;
}

.flecha-azul{
	background: url(../img/flechita-azul.png) top left no-repeat;
}

.flecha-azul-abajo{
	background: url(../img/flechita-azul-abajo.png) top left no-repeat;
}

#content-b .middle .side-a .preguntas ul li.preghide{
	display:none;
}

#content-b .middle .side-a .preguntas ul li.res{
	color:#FFF;
	font-size:0.75em;
	padding:10px 0 0 30px;
	display:none;
	line-height:15px;
}

#content-b .middle .side-a .preguntas h3{
	margin:15px 0 60px 0;
	cursor:pointer;
}

/*#content-b .middle .side-a .preguntas img{
	position:relative;
	right:10px;
	top:4px;
}*/

#content-b .middle .side-a .preguntas h3 span{
	border-bottom:1px solid #004A83;
	text-decoration:none;
}

.mas-preguntas{
	border-bottom: 1px solid;
    color: #004A83;
    margin-left: 10px;
    padding-bottom: 3px;
}

.mas-preguntas-trans{
	color:transparent;
}

#content-b .middle .side-a .preguntas #addPreguntas{
	/*background: url("../img/iconos/add3.png") no-repeat scroll left top transparent;*/
    bottom: 77px;
    float: right;
    height: 25px;
    position: relative;
    width: 25px;
}

#content-b .middle .side-a .preguntas #altPregunta{
	background-color: #1069A1;
    border: 1px solid #FFFFFF;
    bottom: 82px;
    float: right;
    height: 30px;
    left: 157px;
    position: relative;
    width: 121px;
    z-index: 200;
	display:none;
}

/*Content-b middle side-b*/

#content-b .middle .side-b{
	margin-top:10px;
	float:right;
	width:255px;
	height:200px;
	margin-right:5px;
	/*background-color:#999;*/
}

#content-b .middle .side-b .noticias h3 a{
	border-bottom:1px solid #004A83;
	color:#004A83;
	text-decoration:none;
}
	
	
#content-b .middle .side-b .noticias h3 img{
	position:relative;
	right:10px;
	top:4px;
}

/*Content-b right*/

#content-b .right{
	margin-right:20px;
	width:122px;
	height:200px;
	float:right;
	background:url(../img/linea-colores-2.jpg) no-repeat top right scroll;
	
}

/*********************** 
	 	footer
************************/

#max-footer{
	border-top:1px solid #FFF;
	min-width:1000px;
	max-width:100%;
	height:212px;
	background: #FFF url(../img/linea-footer.jpg) repeat-x;
	position:relative;
	margin:0;
	padding:0;
}

#footer{
	clear:both;
	width:984px;
	height:212px;
	margin:0 auto;
}

#footer #imagen{
	float:left;
	height:212px;
	width:147px;
	background-repeat:no-repeat;	
}

#footer #nav-footer{
	float:left;
	margin-top:20px;
	width:680px;
}

#footer #nav-footer ul.main-nav{
	margin:0 0 0 50px;
	border-bottom:1px solid #FFF;
	height:23px;
	width:576px;
}

#footer #nav-footer ul.main-nav li{
	float:left;
	padding:0 0 0 122px;
}

#footer #nav-footer ul.main-nav li.servicios{
	padding-left:60px;
}

#footer #nav-footer ul.main-nav li:first-child{
	padding-left:40px;
}

#footer #nav-footer ul.main-nav li a{
	color:#69686d;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}

#footer #nav-footer ul.second-nav{
	display:list-item;
	margin:15px 0 0 90px;
}

#footer #nav-footer ul.second-nav > li{
	float:left;
	padding-left:45px;
}

#footer #nav-footer ul.second-nav > li:first-child{
	padding-left:0;
}

#footer #nav-footer ul.second-nav > li.servicios{
	padding-left:83px;
}

#footer #nav-footer ul.second-nav > li.productos{
	padding-left:35px;
}

#footer #nav-footer ul.second-nav > li.last{
	padding-left:50px;
}

#footer #nav-footer ul.second-nav li a{
	text-decoration:none;
	color:#949da6;
	font-size:0.7em;
	font-weight:bold;
}

#footer #nav-footer ul.second-nav li ul{
	/*width:81px;*/
}

#footer #nav-footer ul.second-nav ul li ul{
	padding-left:50px;
}

#footer #nav-footer ul.second-nav li ul li{
	line-height:14px;
}

#footer #nav-footer #section{
	margin-left:50px;
	float:left;
}

#footer #nav-footer #section #visa{
	float:left;
	margin-top:10px;
	position:relative;
}

#footer #nav-footer #section #master{
	float:left;
	padding-left:5px;
	margin-top:10px;
	position:relative;
}

#footer #nav-footer #section #copy {
	color:#949DA6;
	float:left;
	font-size:0.7em;
	font-weight:bold;
	margin-left:168px;
	margin-top:23px;
}

#footer #ext-links{
	width:150px;
	float:right;
	margin-top:10px;
}

#footer #ext-links p{
	color:#949da6;
	font-size:0.7em;
	margin-bottom:8px;
}

#footer #ext-links #bygato{
	margin-top:25px;
}

/*-----------------------------------------------------------------------------------------------------------
										     	QUIENES SOMOS
-------------------------------------------------------------------------------------------------------------*/

#header #nav .arrow-quienes-somos {
	position:relative;
	left:126px;
}

#header #nav .line-quienes-somos{
	position:relative;
	left:128px;
}

#max-content-qs{
	position:relative;
	min-width:1000px;
	max-width:100%;
	position:relative;
	background:url(../img/fondo-3-mas-pequenio.jpg) no-repeat top center;
	z-index:200;
}

#content-qs{
	width:984px;
	height:696px;
	margin:0 auto;
}

#content-qs .left {
	border-right:1px solid #0F68A0;
	float:left;
	height:696px;
	width:391px;
	background: url(../img/quienes-somos-red.jpg) no-repeat top right scroll;
}

#content-qs .left #titulos{
	margin-top:89px;
	float:right;
	margin-right:25px;
}

#content-qs .left #titulos h1{
	text-align:right;
	position:relative;
	left:20px;
}

#content-qs .left #titulos h1 img{
	position:relative;
	left:20px;
	top:3px;
}

#content-qs .left #titulos .mision{
	margin-top:248px;
}

#content-qs .left #titulos .vision{
	margin-top:110px;
}

#content-qs .left #titulos .tecnologia{
	margin-top:111px;
}

#content-qs .middle{
	float:left;
	width:450px;
}

#content-qs .middle #detalles{
	margin-top:85px;
	margin-left:30px;
}

#content-qs .middle #detalles p{
	text-align:justify;
	line-height:17px;
	margin-bottom:28px;
	font-size:0.75em;
	padding:0;
}

#content-qs .middle #detalles #contenido-empresa{
	height:241px;
}

#content-qs .middle #detalles #contenido-mision{
	height:100px;
}

#content-qs .middle #detalles #contenido-vision{
	height:85px;
}

#content-qs .middle #detalles #contenido-tecnologia{
	height:241px;
	padding-top:25px;
}

#content-qs .middle #detalles p.cont{
	padding-top:10px;
	overflow:hidden;
}

#content-qs .middle #detalles .tecnologia{
	position:absolute;
	z-index:200;
	width:421px;
}

#content-qs .middle .tecnologia p span{
	padding-left:15px;
	float:left;
}

#content-qs .right{
	float:right;
	width:129px;
}

#content-qs .right .barra-lateral{
	margin-top:270px;
	background:url(../img/linea-colores-1.jpg) top right no-repeat scroll;
	height:425px;
	
}

/* CONTENT - B (QUIENES SOMOS) */

#max-content-b-qs{
	position:relative;
	min-width:1000px;
	max-width:100%;
	min-height:230px;
	position:relative;
	background: #0f68a0 url(../img/red-inferior.jpg) no-repeat bottom center scroll;
}

#content-b-qs{
	width:984px;
	margin:0 auto;
}

#content-b-qs .left {
	float:left;
	margin-top:213px;
	width:391px;
}

#content-b-qs .left #info {
	width:195px;
	float:right;
	font-size:0.95em;
}

#content-b-qs .left #info a.mailto{
	text-decoration:none;
	color:#FFF;
}

#content-b-qs .left #info span{
	float:left;
	height:15px;
	width:185px;
}

#content-b-qs .middle{
	float:left;
	width:420px;
	margin-left:30px;
}

#content-b-qs .middle .tecnologia{
	
	position:relative;
	bottom:28px;
}

#content-b-qs .middle .tecnologia p {
	font-size:0.75em;
	line-height:17px;
	margin-bottom:28px;
	text-align:justify;
	padding:0;
}

#content-b-qs .middle .tecnologia p span{
	padding-left:15px;
	float:left;
}

#content-b-qs .middle .back-opacity{
	background:url(../img/1-por-1.png) repeat scroll;
}

#content-b-qs .middle #cotizacion{
	width:143px;
	padding:20px 15px 30px;
	margin:238px 0 70px
}

#content-b-qs .middle #cotizacion a{
	color:#FFF;
	font-size:2.1em;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}

#content-b-qs .middle #cotizacion img{
	margin-left:15px;
	position:relative;
	top:5px;
}

#content-b-qs .right{
	float:right;
	width:129px;
}

#content-b-qs .right .barra-lateral{
	background:url(../img/linea-colores-2.jpg) no-repeat top right;
	height:178px;
	position:relative;
	bottom:28px;
}

/*-----------------------------------------------------------------------------------------------------------
										     	 SERVICIOS
-------------------------------------------------------------------------------------------------------------*/

/* HEADER - SERVICIOS */

#header #nav .arrow-servicios{
	position:relative;
	left:315px;
}

#header #nav .line-servicios{
	position:relative;
	left:317px;
}

/* CONTENT - SERVICIOS */

#max-content-se{
	position:relative;
	min-width:1000px;
	max-width:100%;
	position:relative;
	background:url(../img/fondo-3-mas-pequenio.jpg) no-repeat top center;
	z-index:300;
}

#content-se{
	width:984px;
	height:696px;
	margin:0 auto;
}

#content-se .left{
	float:left;
	width:580px;
	border-right:1px solid #0f68a0;
	background:url(../img/servicios-red-787.jpg) top right no-repeat scroll;
	height:696px;
}

#content-se .left #detalles{
	width:300px;
	float:right;
	margin:84px 25px 0 0;
}

#content-se .left #detalles p {
	font-size:0.75em;
	line-height:17px;
	/*margin-bottom:28px;*/
	text-align:justify;
	padding-top:10px;
}

#content-se .left #detalles .atencion {
	height:150px;
}		

#content-se .left #detalles .fullfillment {
	height:106px;
}		

#content-se .left #detalles .asesoramiento {
	height:168px;
}		

#content-se .left #detalles .llave {
	
}		

#content-se .middle{
	float:left;
	width:300px;
}

#content-se .middle #titulos{
	margin:91px 0 0 30px;
}

#content-se .middle img{
	position:relative;
	right:37px;
}

#content-se .middle h1{
	position:relative;
	bottom:24px;
}

#content-se .middle #titulos .fullfillment{
	margin-top:102px;
}

#content-se .middle #titulos .asesoramiento{
	margin-top:56px;
}

#content-se .middle #titulos .llave{
	margin-top:90px;
	width:250px;
}




#content-se .right{
	float:right;
	width:100px;
	height:696px;
}

#content-se .right .barra-lateral{
	margin-top:270px;
	background:url(../img/linea-colores-1.jpg) top right no-repeat scroll;
	width:100px;
	height:426px;
}

/* CONTENT-B SERVICIOS */

#max-content-b-se{
	position:relative;
	min-width:1000px;
	max-width:100%;
	min-height:230px;
	position:relative;
	background: #0f68a0 url(../img/red-inferior.jpg) no-repeat bottom center scroll;
}

#content-b-se{
	width:984px;
	margin:0 auto;
}

#content-b-se .left{
	float:left;
	width:580px;
}

#content-b-se .left .sec-a{
	width:326px;
	float:right;
}

#content-b-se .left .sec-a h3{
	font-size:1.3em;
	text-align:justify;
	line-height:20px;
}

#content-b-se .middle{
	float:left;
	width:300px;
	margin-left:30px;
}

#content-b-se .middle #info {
	font-size:0.95em;
	width:195px;
}

#content-b-se .middle #info span{
	float:left;
	height:15px;
	width:185px;
}

#content-b-se .middle #info a.mailto{
	color:#FFF;
	text-decoration:none;
}

#content-b-se .middle #cotizacion{
	width:143px;
	padding:20px 15px 30px;
	margin:30px 0 50px;
}

#content-b-se .middle .back-opacity{
	background:url(../img/1-por-1.png) repeat scroll;
}

#content-b-se .middle #cotizacion a{
	color:#FFF;
	font-size:2.1em;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}

#content-b-se .middle #cotizacion img{
	margin-left:15px;
	position:relative;
	top:5px;
}

#content-b-se .right{
	float:right;
	width:73px;
}

#content-b-se .right .barra-lateral{
	background:url(../img/linea-colores-2.jpg) no-repeat top right;
	height:178px;
	position:relative;
	bottom:28px;
}

/*-----------------------------------------------------------------------------------------------------------
										     	 PRODUCTOS
-------------------------------------------------------------------------------------------------------------*/

/* HEADER - PRODUCTOS */

#header #nav .arrow-productos{
	position:relative;
	left:474px;
}

#header #nav .line-productos{
	position:relative;
	left:476px;
}

/* CONTENT - PRODUCTOS */

#max-content-pr{
	position:relative;
	min-width:1000px;
	max-width:100%;
	position:relative;
	background:url(../img/fondo-3-mas-pequenio.jpg) no-repeat top center;
	z-index:300;
}

#content-pr{
	width:984px;
	height:696px;
	margin:0 auto;
}

#content-pr .left{
	float:left;
	width:739px;
	border-right:1px solid #0f68a0;
	height:626px;
	padding-top:70px;
}
/*#content-pr .left .gallery{
	margin-top:70px;
}

#content-pr .left .gallery ul li{
	float:left;
	width:342px;
	height:280px;
	background:url(../img/borde-productos.png) no-repeat scroll;
	margin:10px 10px 17px;
}

#content-pr .left .gallery ul li img{
	margin:6px 8px;	
}*/

#content-pr .left .tec-element{
	width:160px;
	height:500px;
	/*background-color:#999;*/
	float:left;
	margin-right:20px;
}

#content-pr .left .tec-image{
	width:140px;
	height:140px;
	/*background-color:#FF9;*/
	margin: 10px 0 0 10px;
}

#content-pr .left #offset-img{
	background:url(../img/imagenes-productos/1.jpg) no-repeat;
}

#content-pr .left #digital-img{
	background:url(../img/imagenes-productos/2.jpg) no-repeat;
}

#content-pr .left #acabados-img{
	background:url(../img/imagenes-productos/3.jpg) no-repeat;
}

#content-pr .left #color-img{
	background:url(../img/imagenes-productos/4.jpg) no-repeat;
}

#content-pr .left h3{
	margin:10px 0 0 10px;
	text-align:left;
}

#content-pr .left h3.digital{
	height:32px;
}

#content-pr .left p{
	margin:10px 0 0 0;
	text-align:left;
	padding:10px;
	font-weight:normal;
}

#content-pr .left #digital p{
	margin:0 0 0 0;
	padding:4px 10px 10px;
}

#content-pr .right{
	background:url(../img/productos-red-940.jpg) top left no-repeat scroll;
	width:243px;
	float:right;
	height:696px;
	margin:0;
	padding:0;
}

#content-pr .right #trabajos {
	margin:70px 0 0 22px;	
}

#content-pr .right #trabajos h6{
	font-size:3em;
	font-weight:bold;
	color:#FFF;
}

#content-pr .right #trabajos h6 span{
	color:#004A83;
}

#content-pr .right #productos{
	margin:100px 0 0 30px;
	height:430px;
	background:url(../img/linea-colores-1.jpg) top right no-repeat scroll;
}

#content-pr .right #productos h1{
	position:relative;
	right:21px;
}

#content-pr .right #productos h1 img{
	position:relative;
	right:17px;
	top:4px;
}

#content-pr .right #productos #tipo-producto{
	margin:18px 0 0 0;
	width:177px;
}

#content-pr .right #productos #tipo-producto ul li{
	color:#004A83;
	font-weight:bold;
	margin-bottom:10px;
	cursor:pointer;
}

#content-pr .right #productos #cotizacion{
	width:143px;
	padding:20px 15px 30px;
	/*margin:63px 0 0;*/
	margin:115px 0 0;
}

#content-pr .right #productos .back-opacity{
	background:url(../img/1-por-1.png) repeat scroll;
}

#content-pr .right #productos #cotizacion a{
	color:#FFF;
	font-size:2.1em;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}

#content-pr .right #productos #cotizacion img{
	margin-left:15px;
	position:relative;
	top:5px;
}

/* CONTENT - B (PRODUCTOS) */

#max-content-b-pr{
	position:relative;
	min-width:1000px;
	max-width:100%;
	min-height:230px;
	position:relative;
	background: #0f68a0 url(../img/red-inferior.jpg) no-repeat bottom center scroll;
}

#content-b-pr{
	width:984px;
	margin:0 auto;
	
}

#content-b-pr .left{
	float:left;
	width:739px;
}

#content-b-pr .left .hide-gallery{
	display:none;
}

#content-b-pr .left .gallery ul li{
	float:left;
	width:342px;
	height:280px;
	background:url(../img/borde-productos.png) no-repeat scroll;
	margin:10px 10px 17px;
}

#content-b-pr .left .gallery ul.top-pic li{
	margin-top:0;
}

#content-b-pr .left .gallery ul li img{
	margin:6px 8px;	
}

#content-b-pr .left #mas-productos{
	cursor:pointer;
	margin:20px 0 80px;
}

#content-b-pr .left #mas-productos h3{
	margin-left:12px;	
}
#content-b-pr .left #mas-productos h3 img{
	position:relative;
	top:3px;
}

#content-b-pr .right{
	width:243px;
	float:right;
	margin:0;
	padding:0;
	background:url(../img/linea-colores-2.jpg) top right no-repeat scroll;
	min-height:178px;
}

#content-b-pr .right #info {
	font-size:0.95em;
	width:195px;
	margin:20px 0 0 30px;
}

#content-b-pr .right #info span{
	float:left;
	height:15px;
	width:185px;
}

#content-b-pr .right #info a.mailto{
	color:#FFF;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------------------
										     	 CONTACTO
-------------------------------------------------------------------------------------------------------------*/

/* HEADER - CONTACTO */

#header #nav .arrow-contacto{
	position:relative;
	left:619px;
}

#header #nav .line-contacto{
	position:relative;
	left:621px;
}

/* CONTENT - CONTACTO*/

#max-content-co{
	position:relative;
	min-width:1000px;
	max-width:100%;
	position:relative;
	background:url(../img/fondo-3-mas-pequenio.jpg) no-repeat top center;
	z-index:200;
}

#content-co{
	width:1180px;
	/*height:696px;*/
	margin:0 auto;
}

#content-co .left{
	float:left;
	width:390px;
}

#content-co .left #images {
	margin-top:97px;
	margin-left:134px;
}

#content-co .left #images > span{
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	cursor:pointer;
}

#content-co .left #images .croquis{
	width:214px;
	height:139px;
	/*background:url(../img/croquis.jpg) top center no-repeat scroll;*/
	cursor:pointer;
	margin-top:15px;
}

#content-co .left #images .next-images{
	width:214px;
	height:537px;
	background:url(../img/img-contacto.jpg) top center no-repeat scroll;
	position:absolute;
	z-index:300;
}
	
#content-co .middle{
	float:left;
	width:557px;
	border-right:1px solid #0f68a0;
	height:696px;
	text-align:right;
	padding-right:35px;
	
}

#content-co .middle #visitenos{
	margin-top:39px;
}

#content-co .middle #visitenos h3{
	color:#FFF;
}

#content-co .middle  h1{
	position:relative;
	left:29px;
}

#content-co .middle h1 img{
	position:relative;
	left:13px;
}

#content-co .middle #info{
	margin-top:18px;
}

#content-co .middle #info {
	font-size:0.95em;
	width:195px;
	margin:40px 0 0 30px;
	float:right;
}

#content-co .middle #info span{
	float:left;
	height:17px;
	width:195px;
}

#content-co .middle #info a.mailto{
	color:#004A83;
	text-decoration:none;
}

#content-co .middle #emails{
	clear:both;
	padding-top:30px;
	height:105px;
}

#content-co .middle #emails ul li{
	font-size:0.75em;
	color:#FFF;
	font-weight:bold;
	padding:3px;
}

#content-co .middle #emails ul li span a{
	color:#004A83;
	text-decoration:none;
	font-weight:bold;
}

#content-co .middle #emails p{
	line-height:8px;
	font-size:0.75em;
}

#content-co .middle #emails p span a{
	color:#004A83;
	text-decoration:none;
}

#content-co .middle #ftp{
	margin-top:40px;
	width:130px;
	float:right;
}

#content-co .middle #ftp a{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	font-weight:bold;
}

#content-co .middle #ftp a span{
	font-size: 0.6em;
}

#content-co .middle #ftp img{
	position:relative;
	top:3px;
	left:10px;
}

#content-co .middle .back-opacity{
	background:url(../img/1-por-1.png) repeat scroll;
	padding:15px 30px 15px 15px;
	margin-left:8px;
}

#content-co .middle #cotizar{
	clear:both;
	padding-top:65px;
}

#content-co .middle #cotizar #cotizacion{
	margin-top:45px;
	width:131px;
	float:right;
}

#content-co .middle #cotizar #cotizacion a{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	font-size:1.9em;
	margin-right:10px;
}

#content-co .middle #cotizar #cotizacion img{
	position:relative;
	top:3px;
	left:10px;
}

/**/

#content-co .right{
	width:196px;
	height:696px;
	float:right;
	background:url(../img/contacto-red-3.jpg) top left no-repeat scroll;
}

#content-co .right .barra-lateral{
	background: url("../img/linea-colores-1.jpg") no-repeat scroll right top transparent;
    height: 440px;
    margin-top: 256px;
    width: 99px;
}

/* CONTENT - B (PRODUCTOS) */

#max-content-b-co{
	position:relative;
	min-width:1000px;
	max-width:100%;
	min-height:230px;
	position:relative;
	background: #0f68a0 url(../img/red-inferior.jpg) no-repeat bottom center scroll;
}

#content-b-co{
	width:984px;
	margin:0 auto;	
}

#content-b-co .left{
	float:left;
	width:290px;
	height:230px;
}

#content-b-co .middle{
	float:left;
	width:558px;
	text-align:right;
	padding-right:35px;
}

#content-b-co .middle .preguntas{
	display:block;
	float:right;
}

#content-b-co .middle .preguntas h1{
	position:relative;
	left:21px;
}

#content-b-co .middle .preguntas h1 img{
	position:relative;
	left:21px;
}

#content-b-co .middle .preguntas ul{
	width:235px;
	text-align:left;
	margin-left:17px;
}

#content-b-co .middle .preguntas ul li.preg{
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	cursor:pointer;
	line-height:15px;
}

#content-b-co .middle .preguntas ul li.res{
	color:#FFF;
	font-size:0.75em;
	padding:10px 0 0 30px;
	display:none;
	line-height:15px;
}

#content-b-co .middle .preguntas h3{
	cursor: pointer;
    float: left;
    margin-bottom: 65px;
    margin-left: 22px;
    margin-top: 16px;
}

#content-b-co .middle .preguntas ul li.preghide{
	display:none;
}

#content-b-co .right{
	width:1px;
	float:right;
	width:98px;
}

#content-b-co .right .barra-lateral{
	background: url("../img/linea-colores-2.jpg") no-repeat scroll right top transparent;
    width: 99px;
	height:227px;
}

/* desactivar link cotizar */

#cotizacion a{
	cursor:default;
}

/***********************************************************
		EFECTO CORTINA - PANTALLA NEGRA
************************************************************/

/* CONTACTO -- CROQUIS */

#wrap #background-opacity{
	background-color:#000;
	display:none;
	position:absolute;
	display:inline-block;
	opacity:0.7;
	z-index:1000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}

#wrap #croquis-big{
	margin:190px 32%;
	display:none;
	opacity:1;
	position:fixed;
	width:472px;
	z-index:1500;
	border:3px solid #FFF;
}

#wrap #croquis-big #boton-cerrar{
	background: url("../img/cerrar.png") no-repeat scroll right top transparent;
    cursor: pointer;
    height: 26px;
    left: 460px;
    position: absolute;
    top: -15px;
    width: 26px;
    z-index: 600;
}

/* PRODUCTOS -- POPUPs */

#wrap .popup{
	/*margin:190px 22%;*/
	margin:140px 22%;
	display:none;
	opacity:1;
	position:fixed;
	width:643px;
	z-index:3000;
	height:262px;
	border:3px solid #FFF;
	background-color:#FFF;
}

#wrap .popup-standar{
	margin:190px 35%;
	display:none;
	opacity:1;
	position:fixed;
	width:322px;
	z-index:3000;
	height:262px;
	border:3px solid #FFF;
	background-color:#FFF;
}

#wrap .seccion{
	float:left;
}

#wrap .img-right{
	margin-left:-1px;
}

#wrap .boton-cerrar{
	background: url("../img/cerrar.png") no-repeat scroll right top transparent;
    cursor: pointer;
    height: 26px;
    left: 631px;
    position: absolute;
    top: -15px;
    width: 26px;
    z-index: 600;
}

#wrap .popup-standar .boton-cerrar{
    left: 311px;
}