/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #175072;}
a:hover {color: #DD7223;}

img {
border: 0;
}

body {
	background: #114054 url(imagenes/menu/bg.jpg) repeat-x left bottom;
	color: #114054;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}



h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

h1,h2,h3 {padding-top: 6px;}

h4{
padding-bottom:5px;}

/* misc */
.clearer {
clear: both;
padding-bottom:22px;
}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background-color: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 764px;
}

/* header */
.top {
	/*padding: 10px 10px 0;*/
	padding: 10px 0 0;
}

/* title */
.header {
	background-color: #fff;
	font-size: 1.2em;
	height: 105px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 764px;
}
.header .left {
	background-color: #333;
	color: #FFF;
	height: 105px;	
}
.header .left {
	background-color: #1D597C;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 105px;
	width: 558px;
	/*width: 764px;*/
	text-align: left;
	background-image: url(imagenes/menu/bgheader.gif);
	background-repeat: repeat-x;
	
}
.header .right {
	overflow: hidden;
	background: transparent url(imagenes/banner.jpg) no-repeat top left; 
	/*background-image: url(imagenes/banner.jpg);
	width: 200px;
	
	background-repeat: repeat-x;
	background-color: #FF7D00;*/
}
.header .right p,.header .right h2 {padding: 0 10px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.navigation {	
	background: #D9E1E5 url(imagenes/menu/nav.jpg);
	border: 1px solid #ffffff;
	height: 41px;
}
.navigation a {
	background: transparent url(imagenes/menu/nav.jpg) left top repeat-x;
	border-right: 1px solid #D8EBD8;
	color: #1C455E;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0px 13px;
	text-decoration: none;
}
.navigation a:hover {
background: transparent url(imagenes/menu/nav.jpg) left bottom; 
color: #1C455E;
}

.navigationusers {	
	background: #D9E1E5 url(imagenes/menu/navusers.jpg);
	border: 1px solid #ffffff;
	height: 41px;
}
.navigationusers a {
	background: transparent url(imagenes/menu/navusers.jpg) left top repeat-x;
	border-right: 1px solid #D8EBD8;
	color: #000000;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 16px;
	text-decoration: none;
}
.navigationusers a:hover {
background: transparent url(imagenes/menu/navusers.jpg) left bottom; 
color: #1C455E;
}


/* main */
.main {
	border-top: 4px solid #FFF;
	background: url(imagenes/menu/bgmain.gif) repeat-y;
}
.mainusers {
	border-top: 4px solid #FFF;
	background: url(imagenes/menu/bgmainusers.gif) repeat-y;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 196px;
}
.sidenav h2 {
	color: #1C455E;
	font-size: 1.1em;
	line-height: 30px;
	margin: 0;
	padding-left: 9px;
	text-decoration: underline;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #D8EBD8;
}
.sidenav li {border-bottom: 1px solid #D8EBD8;}
.sidenav li a {
	font-size: 1.1em;
	color: #1C455E;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background-color: #EBF0F3;
	color: #2E7198;	
}

.sidenav li#seleccionado {border-bottom: 1px solid #D8EBD8;}
.sidenav li#seleccionado a {
	font-size: 1.1em;
	color: #DD7223;
	background-color:#BAD0DE;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li#seleccionado a:hover {
	background-color: #BAD0DE;
	color: #DD7223;	
}


/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.content .descr {
	color: #1C455E;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	margin-left: 18px;
}

.content .imgright {
padding: 5px;
border: 1px solid #ADD1E7;
margin-left: 7px;
float: right;
}

.content .imgleft {
padding: 5px;
border: 1px solid #ADD1E7;
margin-right: 7px;
float: left;
}

.content .imgcenter {
padding: 5px;
border: 1px solid #ADD1E7;
}

.content p
{
color: #686868;
text-align:justify;
}

/* content usuarios */
.contentusers {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 727px;
}
.contentusers .descr {
	color: #1C455E;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.contentusers li {
	margin-left: 8px;
}

.contentusers .imgright {
padding: 5px;
border: 1px solid #ADD1E7;
margin-left: 7px;
float: right;
}

.contentusers .imgleft {
padding: 5px;
border: 1px solid #ADD1E7;
margin-right: 7px;
float: left;
}

.contentusers .imgcenter {
padding: 5px;
border: 1px solid #ADD1E7;
}

.contentusers p
{
color: #686868;
text-align:justify;
}


/* footer */
.footer {
	background: url(imagenes/menu/bgfooter.gif) repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}

/* formulario */
.estilodatos
{
border: 1px solid #9A9A9A;
}

.estilotextarea {
width:450px;
height:150px;
border: 1px solid #9A9A9A;
overflow:auto;
font: bold 1em sans-serif;
} 

.estilotextarea2 {
width:252px;
height:80px;
border: 1px solid #9A9A9A;
overflow:auto;
font: bold 1em sans-serif;
} 

.estilodatosnombre {
width:200px;
border: 1px solid #9A9A9A;
margin-left:8px;
} 

.estilodatosapellidos {
width:250px;
border: 1px solid #9A9A9A;
} 

.estilodatostelefono {
width:104px;
border: 1px solid #9A9A9A;
margin-left:2px;
} 

.estilodatosemail {
width:200px;
border: 1px solid #9A9A9A;
margin-left:2px;
} 

.estilodatosdireccion {
width:387px;
border: 1px solid #9A9A9A;
} 

.estilodatosusuario {
width:150px;
border: 1px solid #9A9A9A;
margin-left:14px;
} 

.estilodatospassword {
width:150px;
border: 1px solid #9A9A9A;

} 

.divdesplegable 
{
font-size:10px;
width: 350px; 
height: 27px;
padding-left:20px;
}


.divoculto 
{
visibility:hidden;
display:none;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    /*margin:0 7px 0 0;*/
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* ENVIAR */

button.positive, .buttons a.positive{
    color:#145892;
}
.buttons a.positive:hover, button.positive:hover{
    background-color: #C2D3EF;
    border:1px solid #80BAD8;
    color:#145892;
}
.buttons a.positive:active{
    background-color: #529214;
    border:1px solid #529214;
    color: #fff;
}

/* BORRAR */

.buttons a.negative, button.negative{
    color:#EF781D;
}
.buttons a.negative:hover, button.negative:hover{
    background:#FACC89;
    border:1px solid #F7B54D;
    color:#EF781D;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* CALCULAR */

button.calcular, .buttons a.calcular{
    color:#14921D;
}
.buttons a.calcular:hover, button.calcular:hover{
    background-color: #D3EFC2;
    border:1px solid #99D880;
    color:#14921D;
}
.buttons a.calcular:active{
    background-color: #529214;
    border:1px solid #529214;
    color: #fff;
}








/* Datagrid Table */
table.tbl { width: 100%; border: 2px solid #c3daf9; font-size: 1em; clear: both; }
td.tbl-header { background: url(/grid/images/head_bg.gif); text-align: left; padding: 2px; font-weight: bold; border-bottom: 2px solid #c3daf9;}
tr.tbl-footer {}
table.tbl-footer { font-size: 1em; }
tr.tbl-row {}
tr.tbl-row:hover { background: #FFB062; } /* Old color: #E9E9E9 */
tr.tbl-row-even { background: #EEEEEE; }
tr.tbl-row-especialvisitas { background: #DDE66F; }
tr.tbl-row-especialimportante { background: #E6736C; }
tr.tbl-row-especialcontratada { background: #6CD9E6; }
tr.tbl-row-odd { background: white; }
tr.tbl-row-highlight:hover { background: #fffba6; cursor: pointer; }
td.tbl-nav { background: url(/grid/images/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #000000; font-weight:bold; }
td.tbl-pages { text-align: center; }
td.tbl-row-num { text-align: right; }
td.tbl-cell {}
td.tbl-controls { text-align: center; }
td.tbl-found {}
td.tbl-checkall { text-align: center; width:1%;}
td.tbl-page { text-align: right; }
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; }
span.tbl-reset { margin: 5px 5px; }
img.tbl-reset-image { margin-right: 5px; border: 0; }
span.tbl-create { margin: 5px 0; }
img.tbl-create-image { margin-right: 5px; border: 0; }
div.tbl-filter-box {}
img.tbl-arrows { border: 0; }
img.tbl-order-image { margin: 0 2px; border: 0; }
img.tbl-filter-image { border: 0; }
img.tbl-control-image { border: 0; }
span.page-selected { color: black; font-weight: bold; }
input.tbl-checkbox {}