@import "reset.css";
@import "utils.css";

/*/////////////////////////////////////////////////////*/
/*//////////// Declaraciones Principales //////////////*/
/*/////////////////////////////////////////////////////*/


html, body{
	height:100%;
	font-size:14px;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	color:#fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.warning{
	background-color:#FFFBD9;
	border-bottom:2px solid #4780AC;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	width:100%;
	color:#444;
	display:none;
}

div.warning a{
	color:#444;
}

#imginstante{margin-top:-34px}


h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 { font-size: 30px;font-weight:bold;color:#fff;}
h2 { font-size: 18px; letter-spacing: -1.3px;}
h3 { font-size: 14px; padding: 5px 0 }
h4 { font-size: 12px; letter-spacing:1px;  }
h6 { font-size:10px }
h5 { font-size: 14px;line-height:20px;}
p {margin-bottom:14px;line-height:16px;}
a:hover, a:active { text-decoration: none }
li{
	list-style:none;
}


#textofotoarticulo{
	font-size:11px !important;
	color:#444 !important;
}

#contenedor{
	display:table;
	width:999px;
	min-height: 100%;
	margin: auto;
	position:relative;
}

#footer{
	color:#fff;
	text-align:center;
	background-color:#4a4b4b;
	height:29px;
	border-top:solid 1px #b2b2b2;
}

#footer a, #footer a:visited{color:#fff;}

#contenidofooter{
	width:999px;
	margin:7px auto;
}

#footer span{margin-left:15px;margin-right:15px;}

#header{
	height:227px;
	width:100%;
	background:url('../images/layout/header_bg.gif') repeat-x center;
	border-bottom:2px solid #073970;
}

#cabecera{
	font-family: "Lucida Grande", sans-serif;
	width:999px;
	height:100px;
	margin:auto;
	color:#818382;
}

#logo{width:250px;float:left;}

#datosCon{float:right;margin-top:15px;font-weight:bold;}
.datosConClass{float:left;width:320px;}

#datosCon1 p, #datosCon2 p{
	line-height:10px;
}

#bannerSup{height:115px;}

#menu{
	width:999px;
	height:50px;
	margin:auto;
	margin-top:20px;
}


.columnaMenu{width:230px;float:left;margin-left:75px;}
.columnaMenu h2{
	margin-bottom:10px;
	margin-top:5px;
}
.recPass{
	font-size:11px;
}

.columnaMenu p{width:230px;}

#textohead1, #textohead2{
	margin-left:20px;
}

#textohead2, #textohead3{
	margin-top:2px;
}


#menu_sub{
	width:999px;
	height:70px;
	margin:auto;
	text-align:center;
}

button{width:134px;height:55px;background:url('../images/layout/boton_menu.png') no-repeat;border:none;padding-bottom:5px;margin-bottom:3px;}

#menu_sub span, button span{color:#f28d17;font-weight:bold;}



#cuerpo{
	height:640px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#fff;
}

#colIzquierda{
	float:left;
	width:326px;
	height:640px;
	margin-left:5px;
	margin-right:5px;
	background:url('../images/layout/colizq_bg.gif') no-repeat;
}

#categoriasArbol,#deportesArbol,#zonaBusqueda{
	color:#444;
	font-size:12px;
}

#categoriasArbol ul, #busquedaArbol ul,deportesArbol ul{margin-top:0px;}
#colIzqHead{height:91px;width:100%;float:left}
#colIzqMain{float:left;margin:18px 0 0 10px;width:304px;height:517px;overflow-y:auto;background-color:#fff;border:1px solid #8c8b8b;}

#colDerecha{
	font-family: Helvetica, Arial, sans-serif;
	width:656px;
	height:640px;
	background:url('../images/layout/colder_bg.gif') no-repeat;	
}

.sepVert{
	width:2px;
	float:left;
	height:82px;
	background:url("../images/layout/separador_vert.gif") repeat-y;
	margin-top:8px;
}

#datosUsuario{height:50px;width:635px;margin-left:10px;}
.colDerHead{width:48%;margin-left:10px;float:left;margin-top:17px;}
.colDerHead p{font-size:14px;color:#fff;margin-bottom:5px;margin-top:10px;}
.colDerHeadL{width:48%;margin-left:10px;float:left;}
.colDerHeadL p{font-size:14px;color:#fff;margin-bottom:5px;margin-top:10px;}
.logeado{
	color:#444 !important;
}

div.separadorhorizontal{
	margin-left:20px;
	margin-right:20px;
	border:none;
	margin-top:5px;
	background:url("../images/layout/separador_hor.gif") repeat-x;
	width:615px;
	height:2px;
}

#colDerHeadDown{margin-top:21px;}
#colDerHeadDown li{display:inline;margin-left:25px;}

#pestMain{float:left;width:340px;}
#pestMain li{padding:13px 22px  16px 15px;vertical-align:middle;cursor:pointer;}

#pestpresu span{margin-left:-10px;}
#herramientasSesion{float:right;width:190px;font-size:12px;margin-right:20px;}

#busqueda{margin:15px 0 0 5px;height:63px;}

#busqueda input, #usuario, #password{color:#585757;background:url('../images/layout/input.gif') top left no-repeat;border:none;width:203px;height:32px;padding:9px 0 0 15px;}
#busqueda button, button.botonpequeno{color:#f28d17;font-weight:bold; margin-left:-15px;width:108px;height:36px;background:url('../images/layout/boton_buscar.png') no-repeat;border:none;}
button.botonpequeno{ margin-left:10px;}
*html #busqueda button{background:url('../images/layout/boton_buscar.png') no-repeat;}

#vistasArbol{margin-left:0px;}
#vistasArbol li{display:inline;padding:15px 25px  16px 15px;vertical-align:middle;cursor:pointer;}

#vistasArbol span{vertical-align:middle;padding-bottom:5px;margin-bottom:10px;}


.activa{background:url('../images/layout/pest_activa.gif') no-repeat;color:#444}

#colDerHead{height:91px;}
#colDerMain{margin:18px 0 0 10px;width:636px;height:517px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border:1px solid #8c8b8b;color:#000;}
#presupuestosCabecera{width:630px;margin-left:3px;height:70px;border-bottom:1px dotted #ccc;}
#presupuestosContenido{width:616px;margin:10px 0 0 10px;font-size:12px;}
#menuDetalle{float:left;width:410px;}
#infoPresu{float:left;width:180px;}
#infoPresu p{font-size:12px;font-weight:bold;color:#575757;margin-top:10px;margin-bottom:0px;}
#menuPresu, #menuDetalle{margin:20px 0 0 35px;}
#menuPresu li,#menuDetalle li{text-align:center;display:inline;font-size:12px;font-weight:bold;color:#575757;margin:0px;}
#menuPresu img,#menuDetalle img{float:left;}
#menuPresu span, #menuDetalle span{text-align:center;width:103px;float:left;margin-top:55px;margin-left:-70px;margin-right:20px;}
.recepcion{ margin-left:-60px !important;}
#cabeceraPresu{margin-left:3px;height:95px;width:100%; border-bottom:1px dotted #ccc;margin-bottom:5px; }
#detallePresu{margin-left:3px;clear:both;width:100%;}

#contactar, #cerrarSesion{
	font-weight:bold;
}

#listadoPresupuestos th{background-color:#eefbe0}

#herramientasSesion li{cursor:pointer;}
#fichaArticulo{margin-top:10px;font-family: Helvetica, Arial, sans-serif;font-size:14px;}
#fichaArticulo #fichaArriba,#fichaArticulo #fichaAbajo{float:left;width:100%;text-align:left;margin-top:5px;display:table;}

#fichaArriba{height:260px;}
#videoexplicacion{margin-left:30px;margin-bottom:10px;}
#botoncerrarvideo{margin-left:210px !important;}

#fichaArticulo #detallesArticulo{float:left;width:330px;}
#fichaArticulo #detallesArticulo span{position:absolute;font-size:12px;left:125px;width:215px;height:130px;overflow:auto;padding-right:5px;font-weight:normal;text-align:justify;}
#fichaArticulo #detallesArticulo p{font-weight:bold;margin-top:-2px;}
#fichaArticulo #fichaArriba img{float:left;width:235px;border: 3px solid #4a6d25;margin-left:10px;}

#fichaArticulo #fichaArriba img.ico{width:150px;height:32px;margin-left:10px;border:none;}
#adjuntos{float:right;margin-right:50px;margin-top:10px;}

#controlCantidad{float:left;margin-top:-40px;}
#controlCantidad span{float:left;font-weight:bold;margin-right:40px;color:#6d6c6c;padding-top:5px;}
#controlCantidad input{vertical-align:middle;padding-top:5px;text-align:center;width:71px;height:20px;border:1px solid #A1A1A1;background-color:#f6f6f6;}
#disminuirCant{width:24px;height:24px;background:url('../images/layout/signomenos.gif') no-repeat;}
#aumentarCant{width:24px;height:24px;background:url('../images/layout/signomas.gif') no-repeat;}
#inteUnidad{width:24px;height:24px;background:url('../images/layout/signoint.gif') no-repeat;}
#numeroCantidad{margin:-2px 5px 0 5px;}
#cabeceraopciones{
		float:left;
		font-family: "Lucida Grande", sans-serif;
		font-size:18px;
		font-weight:bold;
		border-bottom:2px solid #4a6d25;
		color: #444444;
		width:100%;
		height:25px;
		text-align:left;
		margin:10px 0px 10px 0px;
}

#fichaAbajoIzq{overflow:auto;float:left;width:395px;height:194px;color:#f28d17;text-align:left;font-weight:bold;font-size:12px;color:#444;}

#fichaAbajoIzq input{
	margin-left:10px;
	
}

#fichaAbajoIzq ul{
	margin-left:20px;
	font-weight:normal;
	font-size:11px;
}

#fichaAbajoDer{float:right;width:150px;margin-right:20px;}
#fichaAbajoDer button,#colDerHead button{color:#f28d17;font-weight:bold; margin-left:-15px;width:108px;height:36px;background:url('../images/layout/boton_buscar.png') no-repeat;border:none;}
#fichaAbajoDer button{
	margin-left:0px;
}

.filaVentajas{border-bottom:1px solid #ccc;background:url('../images/layout/fondonologin.gif') repeat-x;
background-position-y:bottom;
height:148px}
.filaVentajas img{margin-top:10px;float:left;}
.filaVentajas p{float:right;width:160px;color:#747273;font-size:14px;margin-right:15px;}

.file{cursor:pointer;}

.p123{float:left;width:200px;}
#fotohover{background:url('../images/layout/fotohover_bg.gif') no-repeat;position:absolute;height:280px;width:263px;background-color:transparent;}
#fotohover img{width:219px;height:190px;margin-left:34px;margin-top:10px;}
#fotohover p{float:right;color:#818181;width:219px;font-size:14px;margin:10px 8px 0 0;line-height:14px;}

/* /////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////// CAJAS MODALES ///////////////////////// */
/* /////////////////////////////////////////////////////////////////////// */

.mod{
	display:none;
	color: #636363;
	background-color: #ffffff;
	/*width:550px;*/
	height:555px;
	text-align:center;
}

.modajax{
	display:none;
	background-color: #ffffff;
}

#ajaxloading img{margin:220px 0 0 275px}



/*
.mod div.rotulo{
	border:2px solid #ffffff;
	background-color: #0378da;
	color: #ffffff;
	height:21px;
	font-size:14pt;
	text-align:left;
	padding:3px 3px 3px 3px;
}
*/

.mod div.rotulo{
	font-family: "Lucida Grande", sans-serif;
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #4a6d25;
	color: #444444;
	height:25px;
	text-align:left;
	margin:10px 10px 0 10px;
	
}

.mod p{
	line-height:0px;
}

.rotulo a{
	background:transparent url(../images/modal/x.png) no-repeat scroll 0%;
	cursor:pointer;
	display:inline;
	height:15px;
	width:15px;
	float:right;
	position:relative;
	top:-19px;
}

#simplemodal-container{
	width:638px;
	min-height:512px;
	display:table;
	border:#3b3b3b 8px solid;
	background-color:#ffffff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;}

#simplemodal-overlay {
	background-color:#ffffff;
	cursor:wait;
}

.contenidomodal{
	margin:10px 10px 10px 10px;
	line-height:normal;
	display:table;
	height:555px;
}

.contenidomodalajax{
	padding:10px 10px 10px 10px;
	display:table;
}

.contenidomodal p{
	line-height:normal;
}

/************************TABLAS************************/


table.tablesorter {
	font-size: 12px;
	background-color: #fff;
	width: 620px;
	border:1px solid #cecdcd;
}

table.tablesorter tr {
	cursor:pointer;
	height:30px;
}
table.tablesorter th {
	font-weight:bold;
	text-align: center;
	background-color: #6E6E6E;
}

table.tablesorter th.header{
	padding-top:10px;
}
table.tablesorter td {
	color: #444;
	padding-left:5px;
	padding-top:10px;
	border:1px solid #cecdcd;
}

table.tablesorter img{
	margin:0px;
	margin-top:-6px;
	margin-right:6px;
	padding:0px;}
table.tablesorter .even {
	background-color: #ebfbfd;
}
table.tablesorter .odd {
	background-color: #fff;
}
table.tablesorter .header {
	color:#616161;
	font-weight:bold;
	background-color: #eefbe0;
	border:1px solid #cecdcd;
	padding-top: 3px;
	height: auto;
}
table.tablesorter .headerSortUp {
	background: url('../images/layout/asc.gif') no-repeat center left;
}
table.tablesorter .headerSortDown {
	background:url('../images/layout/desc.gif') no-repeat center left;
}

.lineaActiva{background-color:#c1ebff !important;}
.lineaActiva td{font-weight:bold !important;color:#dd0000 !important;}
.lineaBorrador{background-color:#ffffff;}
.lineaPte_Validar{background-color:#a0b4ff}
.lineaValido{background-color:#36e400;}
.lineaDescartado{background-color:#e4e1e1}
.lineaValidado{background-color:#36e400}
.lineaTramitado{background-color:#ffd1a0}
.lineaPendiente.de.recepcion{background-color:#e8fdce}
.lineaPendiente.de.pago{background-color:#fc8080}
.lineaCerrado{background-color:#f6f6f6}
.lineaVencido{background-color:#ffe8f8}

/*////////////////////////////////////////////////*/

#emailportada{
	margin-top:-5px;
	margin-left:12px;
}

#skype{
	margin-top:-6px;
	margin-left:12px;
}

#cif{
	margin-top:-8px;
}

/*////////////////////////////////////////////////*/

.pco{
	font-weight:bold;
	font-size:14px;
	color:#6d6c6c;
}
 
#importeTotal{
	color:#464646;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin-bottom:0px;
}

#ivanoincluido{
	margin-top:0px;
	font-size:10px;
	font-weight:bold;
	color:#808080;
}

/*///////////////////////////////////////////////////*/
/*/////////// DATOS DE CONTACTO /////////////////////*/

.datosdecontacto{
	font-family: "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #4a6d25;
	color: #444444;
	height:25px;
	text-align:left;
	margin:5px 10px 0 5px;
}

hr.sepdatos{
	border:none;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-left:30px;
	margin-right:30px;
}

.datosderecha{
	margin-right:25px;
}

.botondatos{
	margin-top:6px;
	color:#F28D17;
	font-weight:bold;
}

.botondatos button{
	color:#f28d17;font-weight:bold; margin-left:-15px;width:108px;height:36px;background:url('../images/layout/boton_buscar.png') no-repeat;border:none;
}	

/*//////////////////////////////////////////////////////*/
/*/////////////// TEXTO BUSQUEDA ///////////////////////*/

.textobusqueda{
	color:#444;
	height:517px;
	background:url("../images/layout/bg_busqueda.jpg") no-repeat bottom;
}

.textobusqueda h3{
	font-family: "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #4a6d25;
	color: #444444;
	height:20px;
	text-align:left;
	margin:0px 10px 0 5px;
	margin-bottom:10px;
}

.textobusqueda p{
	margin-left:5px;
	margin-right:10px;
}

.textobusqueda ul{
	margin-left:15px;
}

.textobusqueda li{
	margin-top:5px;
	font-weight:bold;
}

/*////////////////////////////////////////////////////////////////////*/
/*///////////////////// Bubble Info //////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

.bubbleInfo{
	position: relative;
     
}

.trigger{
	position: relative;
}
     
/* Bubble pop-up */

.popup{
	border:2px solid #c3b44c;
	background-color:#ffed70;
	background:url("../images/main/bg_ayuda.gif");
	width:298px;
	height:auto;
	margin-left:14px;
	margin-top:-99px;
	opacity:0.5;
	margin-bottom:20px;
	position: absolute;
    display: none;
    z-index: 50;
	padding:10px 10px 10px 10px;
	color:#1a2745;	
	text-align:left !important;

}

.popup .titulo{
	color:#1a2745;	
	font-size:16px;
	font-weight:bold;
}

.tabla{
	margin-top:60px;
}

.peque{
	margin-top:60px;
	width:200px;
}

.mediano{
	margin-top:0px;
	width:300px;
}

.mediano p{
	width:280px;
	margin-left:10px;
	margin-right:10px;
}

.grande{
	margin-top:-150px;
	margin-left:90px;
}

/*//////////////////////////////////////////////////////////////////*/
/*///////////////// FORMULARIOS MODALES /////////////////////////////*/

.formulariomodal{
	text-align:left;
	margin-left:15px;
}


#ajaxloadcontacto{
	margin-left:430px;margin-top:10px;
}

#loadajaxmodificarusuario, #loadajaxmodificarentidad{
	margin-right:25px;margin-top:10px;
}

#loadajaxent, #loadajaxusu{
	margin-left:500px;margin-top:10px;
}

#loadajaxregistro1{
	margin-right:400px;margin-top:10px;
}
/*/////////////////////////////////////////////////////////////*/
/*///////////////////// Registro //////////////////////////////*/

.contenedorregistro{
	margin:10px;
	width:95%;
	padding:15px;
	display:table;
	border:1px solid #ccc;
	background-color:#f2ffe6;
}

/*////////////////////////////////////////////////////////////////*/
/*////////////////// Explicacion como comprar /////////////////////*/
/*////////////////////////////////////////////////////////////////*/

.explicacion{
	margin-top:10px;
}

.explicacion img{
	margin-right:5px;
}

.explicacion p{
	color:#444;
	margin-left:10px;
	margin-right:10px;
}

.explicacion h3{
	margin-left:10px;
	color:#666;
	margin-bottom:10px;
}

#capainteres{
	margin-right:30px;
	margin-top:20px;
	text-align:center;
	color:#444;
	font-size:18px;
}

#capainteres p{
	margin-top:20px;
	font-size:46px;
	font-weight:bold;
}

#footcontacto,#footlegal{cursor:pointer;}
#capaavisolegal{text-align:left;height:450px;overflow-y:auto;}