/* CSS Document */

/*PAGE LAYOUT*/
body {
	/*background-color:#e6f0fd;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font:14px normal Verdana, Geneva, sans-serif;
}

img { border:0px;}

a { text-decoration:none;}

#page {width:100%; margin:auto;}

/* Header */

#header{
	width:100%; background-color:#d5e1ef; float:left;
}

#logo{
	float:left; width:100%; height:60px; -moz-box-shadow: 0px 5px 5px #888; -webkit-box-shadow: 0px 5px 5px #888; box-shadow: 0px 5px 5px #888; margin-bottom:5px;
}

#logo .slogan { padding:20px 30px 0 0; color:#777; font:30px normal Verdana, Geneva, sans-serif; float:right;}

/* Navegación horizontal */
#navcontainer{
	width:100%;
	margin:0;
	display: block;
	float: left;
}

#nav {float:left; width:100%;}

#nav, #nav ul {
float:right;
width:100%;
margin:0;
padding:0;
list-style:none;
border-bottom:3px #bdd0e8 double;
}

#nav a 
{
	text-decoration: none;
	display: block;
	margin: 0;
	float: left;
	padding: 12px 14.6px 15px 15px;
	color: #000;
	font-size: 16px;
	font-weight:bold;
	line-height:1em;
	min-width:100px;
	text-align:center;
	border-right:1px #8ba0bc dashed;
}

#nav li a:hover, #nav li a:focus {
	background: #bac6d6;
	color: #ffffff;
	-moz-box-shadow: 0px 5px 5px #888; -webkit-box-shadow: 0px 5px 5px #888; box-shadow: 0px 5px 5px #888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135";
}

/*CONTENIDO */

#content {width:100%; min-height:400px; background:#f2f2f2 url(../images/content_bg.png) no-repeat center; float:left; padding:0; padding-bottom:50px;}

#subnavcontainer {
	width:100%;
	margin:0;
	display: block;
	float: left;
	background:#c3d0e0;
}

#subnav, #subnav ul {
float:right;
width:100%;
margin:0;
padding:0;
list-style:none;
border-bottom:3px #bdd0e8 double;
}

#subnav li
{
	text-decoration: none;
	display: block;
	float: right;
	color:#555;
	min-width:120px;
	border-right:1px #8ba0bc dashed;
	padding-left:5px;
}
.button {border:0; padding-left:20px; min-width:120px; height:30px; font-weight:bold;}
.button:hover{background-color:#bac6d6}

.list {background:url(../images/list.png) no-repeat left center}
.add {background:url(../images/add.png) no-repeat left center}
.del {background:url(../images/del.png) no-repeat left center}
.edit {background:url(../images/edit.png) no-repeat left center}
.search {background:url(../images/search.png) no-repeat left center}
.date {background:url(../images/date.png) no-repeat left center}
.client {background:url(../images/client.png) no-repeat left center}
.money {background:url(../images/money.png) no-repeat left center}
.verify {background:url(../images/check.png) no-repeat left center}
.false {background:url(../images/del.png) no-repeat left center}
.viesvalidate {vertical-align: bottom;}

.more_details { border:0; padding:0; margin:0; width:12px; height:15px; background:url(../images/more.png) no-repeat left top}

/* Estilos generales */
img.icon { margin-right:5px; vertical-align:middle}
.ucase {text-transform:uppercase}
.lcase {text-transform:lowercase}

#list {width:980px; float:left; margin:10px; background-color:#FFF}

/* Cuadro de busqueda */

#search {position: relative; float:right; width: 500px; padding:5px; background-color: #FFFFCC; display:none; border:1px black solid}
#search h3 {margin:0;}


.listado {width:100%; float:left; }
.listado td, .listado th{padding:5px;}
#table_celdas tr {vertical-align:top}
#table_celdas tr:hover{background-color:#FFFFCC;}

.table_details {display:none; margin-left:50px;}

.celda1 { background-color:#FFF}
.celda2 {background-color:#E1EFFF}


#formulario {width:97%; margin:auto; padding:6px; background-color:#fff; clear:both; margin-top:5px}
#formulario h1 {color:#900; margin:0}
#formulario td { padding:3px 0;}
#formulario .label {font-size:1.2em; font-weight:bold}
#formulario input, #formulario select,  #formulario textarea, .btnfacturar{	border: 1px solid #aabac5;
	padding: 3px;
	font-family: 'Lucinda Grande', 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1.2em;
	line-height: 16px;
	letter-spacing: 1px;}
#formulario input:focus, #formulario select:focus, #formulario textarea:focus  {background-color:#FFFFCC; border: 1px solid #39F;}


#formulario .euro { background: url(../images/euro.png) right center no-repeat;}

/* Estilo input contenido_cliente [facturas_add.asp]. Devuelve los clientes AJAX

	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:375px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:1.3em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}


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

/* Footer */

#footer { width:100%; margin-top:20px; float:left; line-height:60px; padding:20px 0}


/* cuadros panel index */

.panel{
	border:solid 2px #E4E4E4;
	border-radius:10px;
	background-color:#fff;
	margin:5px;
	padding:6px;
	width:300px;
	min-height:160px;
	float:left;
}

.ancho { width:63%;}
.completo {width:95%}

.alto350 {min-height:350px}


.paneltitle {
	font: 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#900;
}

.bodytext {
	font: 0.9em Tahoma, sans-serif;
	color: #666666;
}
.fila {margin:10px; clear:both;}
.concepto {width:48%; margin-right:4%}
.fecha {width:12%; margin-right:3%;}
.euro {width:9%; margin-right:3%}

/* Botones paginación */

#paginacion {
	text-align:center;
}

#paginacion input {
	padding: 5px 10px;
	margin: 30px;
	border: 1px solid #428bca;
	font-size:1.2em;
	font-weight:bold;
	text-decoration: none; 
	color: #428bca;
	border-radius:5px;
	min-width:150px;
	background-color:#fff;
	cursor:pointer;
}

#paginacion input:hover {
	color: #fff;
	background-color: #428bca;
}

#paginacion input[disabled=disabled] {
	border: 1px solid #f3f3f3;
	color: #E8E8E8;
	background:#CCC;
	cursor:default;
}

@media screen and (min-width: 1600px) {
body {
	font:16px normal Verdana, Geneva, sans-serif;
}
.listado td, .listado th{padding:10px;}
}