body {
    font-family: sans-serif;
    font-size: 13px;
}


/*INICIP COSAS TOUZ */



#wrapper {
    width: 100%;
    min-width: 900px;
    max-width: 2000px;
    margin: 0 auto;
    background: ##F5F5EB;
}

#header {
    float: left;
    height: 90px;
    width: 100%;
    background: #F5F5EB;
}


#footer {
    border-top: 2px solid #838B8B;
    height: 70px;
    width: 100%;
    sline-height: 2.75em;
    background: #F5F5EB;
    clear: both;
    font-size: 0.8em;
}



.logo {
    float: left;
    height: 70px;
    width: 250px;
    margin-top: 10px;
    margin-left: 30px;
}

.head  {
    height: 70px;
    xwidth: 500px;
    margin-top: 20px;
    margin-left: 30px;
    text-align: center;

    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.0em;
    font-weight: 600;
    color: #00688B;
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}


#navigation {
    float: left;
    height: 33px;
    width: 100%;
text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #ffffff;

    background: #838B8B;
}

#contenido {
    float: left;
    min-height: 250px;
    width: 100%;
// padding: 10px 0px 10px 1px;
padding-top: 15px;
padding-bottom: 15px;
//text-align: center;

    background: #F5F5EB;
}

.menus {
    float: left;
    height: 25px;
    width: 340px;

    padding: 1px 0px 0px 1px;

    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #ffffff;

//background: #00ff00;

}

.hora {
    float: left;
    height: 25px;
 min-width: 150px;
 //max-width: 400px;
//width: 100%;
    margin-left: 10px;

    display: block;
    position: relative;

    padding: 8px 15px 0px 10px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #ffffff;
//background: #0000FF;
}

.login {
 float: right;
    height: 25px;
    width: 300px;
    margin-left: 10px;
    text-align: right;
    margin-right: 10px;
    display: block;
    position: relative;
padding: 8px 15px 0px 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
 //   font-weight: 600;
    color: #ffffff;
  //  text-shadow: 0px 1px 0px rgba(0,0,0,.5);
//background: #FF0000;
}










/* FIN COSAS DE TOUZ*/

.wrapper {
	width: 1020px;
	margin: 0 auto;
font-size: 13px;
}



.cabecera {
    background: none repeat scroll 0 0 #3300ff;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    text-shadow: 1px 1px 1px #CCCCCC;
    /*width: 433px;*/
    width:  775px;
    margin:2px;
}

.titulo {
    background: none repeat scroll 0 0 #969696;
    border-radius: 5px;
    color: #ffffff;
    display: block;

    font-family: sans-serif;
    font-size: 16px;
    text-align: center;
   # font-style: italic;
    padding: 10px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width:  775px;
    height: 20px;
    margin:2px;
}


.errores {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #ff0000;
    display: block;

    font-family: sans-serif;
    font-size: 12px;
    font-style: italic;
    padding: 10px;
    text-shadow: 1px 1px 1px #CCCCCC;
    /*width: 433px;*/
    width:  775px;
    margin:2px;
}

.avisos {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #fd8833;
    display: block;

    font-family: sans-serif;
    font-size: 14px;
    font-style: italic;
    padding: 10px;
    text-shadow: 1px 1px 1px #CCCCCC;
    /*width: 433px;*/
    width:  775px;
    margin:2px;
}

.botones-left {
    text-align: left;
}
.botones-right {
    text-align: right;
}


.botones-top {
	text-align: right;
	border-bottom:1px solid #eee; 
}


.botones-bottom {
	text-align: right;
	border-top:1px solid #eee; 
}

/* Definicion par atabla de documentos en modo NOEDICION */


table.showdocs {
  border-collapse: collapse;
    margin:5px;
    width:100%;
    border:1px solid #000000;
    font-size:10px;
}

table.showdocs th {
   padding:7px;
 text-align:center;
 border:1px solid #000000;
 border-width:0px 1px 1px 0px;
background-color:#E0E0E0;
width: 0px;
}

table.showdocs td {
   padding:7px;
width:0px;
 border:1px solid #000000;
 border-width:0px 1px 1px 0px;
}


/* TAbla que maqueta el recibo */

table.recibo {
    border-collapse: collapse;
    margin:5px;
    width:100%;
    border:1px solid #000000;
    font-size:12px;
    vertical-align:top;
}

table.recibo th {
    padding:7px;
    text-align:right;
    width:100px;
    vertical-align:top;
}

table.recibo td {
//border:1px solid #000000;

   padding:7px;
   text-align:left;
   width:500px;
   vertical-align:top;
}







.documentos {
width: 730px;
    font-family: sans-serif;
    font-size: 10px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
}

.efform {
width: 800px;
/* border:1px solid #aaa;   */
/*background: none repeat scroll 0 0 #ffffff;*/

 margin: 0 auto;

 	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;

}


.efform h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}
/*--- estilos para los ul y li del formulario ---*/
.efform ul {
   /* width:750px;*/
    width:100%;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.efform li{
	padding:12px; 
	/*border-bottom:1px solid #eee; */
	position:relative;
} 

.efform label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 150px;
}
.efform input {
	height:25px; 
	width:500px; 
	padding:5px 8px;
}
.efform select {
        height:30px;
        //width:500px;
        padding:5px 8px;
}

.efform textarea {
	padding:8px; 
	width:700px;
        height: 250;
	resize:none;
}
.efform button {
	margin-left:10px;
	/*float: right;*/

}



.efform fieldset { 
  border:1px solid green;
  margin-left:20px;
  margin-right:20px;
}

.efform legend {
  xxpadding: 0.2em 0.5em;
  padding: 0.5em;
  border:1px solid green;
  height: 13px;
  color:green;
  font-size:90%;
  text-align:right;
  font-weight:bold;
  font-style: italic;
font-size: 13px;
}

/*
.efform table {
font-size: 13px;
}
*/

/*----- estilos visuales de los elementos --------*/


.efform input, .efform XXtextarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	 padding-right:30px; 
	
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;

}

.efform input:focus, .efform XXtextarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:30px;
	/* padding-right:80px; */ 
}


/* === PPS */

.efform input[type="radio"] {
height:18px;
width:25px;
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
        color: #555;
        font-size: 22px;
        padding-right:30px;

        -moz-transition: padding .25s;
        -webkit-transition: padding .25s;
        -o-transition: padding .25s;
        transition: padding .25s;

}






/* === Estilos de Validacion === */	

.efform input:required:valid, .efform textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.efform input:focus:invalid, .efform textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
   padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.55;
	cursor: pointer; 
	color: #fff;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}


    /*the basics, and works for FF*/
#LoadingDiv{
    margin:0px 0px 0px 0px;
    position:fixed;
    height: 100%;
    z-index:9999;
    padding-top:300px;
    padding-left:350px;
    width:100%;
    clear:none;
    background:url(/images/ajax-loader.gif);
    /*background-color:#666666;
    border:1px solid #000000;*/
    }
/*IE will need an 'adjustment'*/
* html #LoadingDiv{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }


/* Diseño para la tabla que formatea el recibo */


.recibo {
width: 800px;
  margin-left:10px;
font-size: 10px;
font-family:Arial;
}

.recibo fieldset {
width:700px;
  border:1px solid green;
  margin-left:20px;
  margin-right:20px;
}

.recibo legend {
  xxpadding: 0.2em 0.5em;
  padding: 0.5em;
  border:1px solid green;
background-color:#ffffff;
  height: 22px;
vertical-align:middle;
  color:green;
  font-size:90%;
  text-align:left;
  font-weight:bold;
  font-style: italic;
font-size: 11px;
width:200px;
}

.tabledocs {

    width:100%;
    border:1px solid #000000;


}


.Xrecibo table {
    border-collapse: collapse;
        border-spacing: 0;
        width:100%;
/*      height:100%;*/
        margin:0px;padding:0px;
vertical-align:top;
}

.Xrecibo thead {
   padding:7px;
 text-align:center;
border:1px solid #000000;
}


.Xrecibo th {
   padding:7px;
 text-align:right;
width:100px;
vertical-align:top;
}
.XXrecibo td {
border:1px solid #000000;

   padding:7px;
 text-align:left;
width:500px;
vertical-align:top;
}


.recibodocs table {
    margin:15px;
    width:100%;
    border:1px solid #000000;
    font-size:10px;
}
.recibodocs th {
   padding:7px;
 text-align:center;
 border:1px solid #000000;
 border-width:0px 1px 1px 0px;
background-color:#E0E0E0;
width: 0px;
}
.recibodocs td {
   padding:7px;
width:0px;
 border:1px solid #000000;
 border-width:0px 1px 1px 0px;
}


/* diseñado con http://www.csstablegenerator.com/?table_id=3 */

.tableazul {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}

.tableazul table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
/*	height:100%;*/
	margin:0px;padding:0px;
}

.tableazul tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tableazul table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tableazul table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.tableazul tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.tableazul tr:hover td{
	
}
.tableazul tr:nth-child(odd){ background-color:#aad4ff; }
.tableazul tr:nth-child(even)    { background-color:#ffffff; }.tableazul td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	//text-align:left;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.tableazul tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tableazul tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tableazul tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tableazul tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.tableazul tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.tableazul tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tableazul tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}



#HDropdown-orange-classic {
margin:0;
padding:0px;
list-style:none;
background:url(/images/horizontal_d_orange_classic_bg.gif) repeat-x top;
height:28px;
width:99%;
border:solid 1px #c93300;
border-width:1px 1px 1px 0;
}
#HDropdown-orange-classic li {
display:inline;
position:relative;
float:left;
z-index:100;
}
#HDropdown-orange-classic li a {
display:block;
float:left;
height:29px;
line-height:29px;
padding:0 25px;
text-decoration:none;
color:#FFFFFF;
font-weight:normal;
font-size:12px;
border-left:solid 1px #c93300;
}
#HDropdown-orange-classic li a:hover {
color:#a9401b;
background:#FFFFFF;
}
#HDropdown-orange-classic li ul {
margin:0;
padding:0 5px;
line-height:none;
position:absolute;
top:29px;
left:0;
border:solid 1px #c93300;
border-width:0px 1px 1px 1px;
width:180px;
display:none;
background:#FFFFFF;
}
#HDropdown-orange-classic li:hover ul {
display:block;
}
#HDropdown-orange-classic li:hover a {
color:#a9401b;
background:#FFFFFF;
}
#HDropdown-orange-classic li ul li {
display:block;
border-bottom:solid 1px #dbdcd9;
width:100%;
background:url(/images/d_horizontal_red_classic_menu_arrow.gif) no-repeat 3px 12px;
padding:0 0 0 10px;
}
#HDropdown-orange-classic li ul li:last-child {
border-bottom:0px;
}
#HDropdown-orange-classic li ul a {
border-width:0px;
color:#909090;
padding:0 5px 0 0;
background-color:transparent;
}
#HDropdown-orange-classic li:hover ul li a {
color:#909090;
}
#HDropdown-orange-classic li ul li a:hover {
color:#a9401b;
}






/* Mostar cajas de infor/error warning */

.alert_info, .alert_ok, .alert_warning, .alert_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    text-align:left;
    width:auto;
}
.alert_info {
    color: #00529B;
    background-color: #BDE5F8;
 #   background-image: url('images/alert_info.jpg');
}
.alert_ok {
    color: #4F8A10;
    background-color: #DFF2BF;
 #   background-image:url('images/alert_ok.jpg');
}
.alert_warning {
    color: #9F6000;
    background-color: #FEEFB3;
 #   background-image: url('images/alert_warning.jpg');
}
.alert_error {
    color: #D8000C;
    background-color: #FFBABA;
 #   background-image: url('images/alert_error.jpg');
}