@charset "utf-8";
/* CSS Document */

        body
        {
            background: #42413C;
            margin: 0;
            padding: 0;
            font: 10px normal Verdana, Arial, Helvetica, sans-serif;
            color: #333;
        }
        h1
        {
            font-size: 3em;
            margin: 20px 0;
            color: #FFF;
        }
        .container
        {
            width: 500px;
            margin: 10px auto;
        }
        ul.tabs
        {
            margin: 0;
            padding: 0;
            float: left;
            list-style: none;
            height: 32px;
            border-bottom: 1px solid #999;
            border-left: 1px solid #999;
            width: 100%;
        }
        ul.tabs li
        {
            float: left;
            margin: 0;
            padding: 0;
            height: 31px;
            line-height: 31px;
            border: 1px solid #999;
            border-left: none;
            margin-bottom: -1px;
            background: #F0F0F0;
            overflow: hidden;
            position: relative;
        }
        ul.tabs li a
        {
            text-decoration: none;
            color: #000;
            display: block;
            font-size: 1.2em;
            padding: 0 20px;
            border: 1px solid #fff;
            outline: none;
        }
        ul.tabs li a:hover
        {
            background: #ccc;
        }
        html ul.tabs li.active, html ul.tabs li.active a:hover
        {
            background: #fff;
            border-bottom: 1px solid #fff;
        }
        .tab_container
        {
            border: 1px solid #999;
            border-top: none;
            clear: both;
            float: left;
            width: 100%;
            background: #fff;
            -moz-border-radius-bottomright: 5px;
            -khtml-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -khtml-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
        }
        .tab_content
        {
            padding: 20px;
            font-size: 1.2em;
        }
        .tab_content h2
        {
            font-weight: normal;
            padding-bottom: 10px;
            border-bottom: 1px dashed #ddd;
            font-size: 1.8em;
        }
        .tab_content h3 a
        {
            color: #254588;
        }
        .tab_content img
        {
            float: left;
            margin: 0 20px 20px 0;
            border: 1px solid #ddd;
            padding: 5px;
        }
    .auto-style1 {
	color: #AEAE42;
}
.auto-style2 {
	font-family: Arial;
}

.btn_cancel {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../images/fondorojo1.png);
	border-radius: 15px;
	border: 1px solid #990000;
}

.btn_cancel:hover {
	background-image: url(../images/fondorojo2.png);
	border: 1px solid #FFA4A4;
	color: #660000;
}
.btn_grabar {
	font-family: Arial, Helvetica, sans-serif;
	color: #003300;
	background-image: url(../images/fondoverde1.png);
	border-radius: 15px;
	border: 1px solid #003300;
}

.btn_grabar:hover {
	color: #339900;
	background-image: url(../images/fondoverde2.png);
	border: 1px solid #66CC00;
}

#menu_busqueda {
	width: 870px;
	clear: both;
	font-size: 15px;
}
#menu_busqueda #izq_cont {
	float: left;
	width: 50%;
	background-color: #E5E5E5;
}
#izq_desc {
	float: left;
	width: 35%;
	background-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin-right: 4px;
}
#izq_desc2 {
	float: left;
	width: 35%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
}

#izq_cont #form_form {
}
#menu_busqueda #button {
	background-image: url(../images/fondoazul1.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #333333;
	width: 100px;
	margin-bottom: 1px;
}

#linea #descripcion {
	float: left;
}
#linea {
	margin-bottom: 3px;
	padding-left: 5px;
	background-color: #EAEAEA;
	font-size: 18px;
}
#linea:hover {
	background-color: #C1C1FF;
}
#linea #editar {
	float: right;
	width: 30px;
}
#linea #borrar {
	float: right;
	width: 30px;
}
#cont_list {
	width: 870px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#cont_list #tip_list {
	float: left;
	width: 25px;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#cont_list #dir_list {
	float: left;
	width: 100px;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#cont_list #num_list {
	float: left;
	width: 25px;
	margin-right: 2px;
}
#cont_list #cli_list {
	float: left;
	width: 150px;
	margin-right: 2px;
}
#cont_list #tel_list {
	float: left;
	width: 80px;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#cont_list #ini_list {
	float: left;
	width: 200px;
	margin-right: 2px;
}
#cont_list #fin_list {
	float: left;
	width: 130px;
	margin-right: 2px;
	height: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#cont_list #pag_list {
	float: left;
	width: 35px;
	margin-right: 2px;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#cont_list #cab_list {
	background-color: #CCCCCC;
	height: 25px;
	font-weight: bold;
}
#cont_list #com_list {
}
#sep_list {
	clear: both;
	margin-bottom: 2px;
}
#hov_list {
	background-color: #E9E9E9;
	height: 25px;
}

#hov_list:hover {
	background-color: #999999;
	color: #000000;
}

#hov_list.ocupada {
	background-color: #66CCFF;
}

#hov_list.ocupada:hover {
	background-color: #999999;
	color: #000000;
}

#hov_list.inpaga {
	background-color: #FFCCFF;
}

#hov_list.inpaga:hover {
	background-color: #999999;
	color: #000000;
}

#hov_list.treinta_mas {
	background-color: #FFFF66;
}

#hov_list.treinta_mas:hover {
	background-color: #999999;
	color: #000000;
}

#hov_list.sesenta_mas {
	background-color: #FF6666;
}

#hov_list.sesenta_mas:hover {
	background-color: #999999;
	color: #000000;
}

.modalmask {
	position: fixed;
	font-family: Arial, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 150;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalmask:target {
	opacity:1;
	pointer-events: auto;
}
.modalbox{
	width: 830px;
	height: 500px;
	position: relative;
	padding: 5px 20px 13px 20px;
	border-radius:3px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	background-color: #EEEEEE;
	overflow: auto;
}

.movedown {
	margin: 0 auto;
}
.rotate {
	margin: 10% auto;
	-webkit-transform: scale(-5,-5); 
	transform: scale(-5,-5);
}
.resize {
	margin: 10% auto;
	width:0;
	height:0;

}
.modalmask:target .movedown{		
	margin:10% auto;
}
.modalmask:target .rotate{		
	transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
}

.modalmask:target .resize{
	width: 800px;
	height: auto;
}



.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 1px;
	text-align: center;
	top: 1px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius:3px;
	font-size:16px;
}

.close:hover { 
	background: #FAAC58; 
	color:#222;
}
#cont_list #hov_list #ini_list a {
	text-decoration: none;
}

#los_contenidos {
	margin: 10px;
}

#descrii {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
}

#contenten {
	width: 870px;
	font-size: 13px;
}
#contenten #info_bod {
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	clear: both;
}

#contenten #info_bod2 {
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	clear: both;
}

#contenten #desc_campo {
	width: 100px;
	float: left;
	background-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	margin-right: 3px;
}

#contenten #info_bod #infdir {
	float: left;
	background-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#contenten #info_bod #ladire {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	width: 400px;
}
#contenten #info_bod #tipbod {
	float: left;
}
#contenten #info_bod #desnumbod {
	float: left;
	background-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#contenten #info_bod #numbodeg {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	width: 70px;
}
#contenten #info_bod #destipbod {
	float: left;
	background-color: #CCCCCC;
	padding-left: 3px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#contenten #info_bod #tipbod {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}
#contenten #camposss {
	padding-top: 3px;
	padding-bottom: 3px;
}
#contenten #quien_es {
	padding-top: 3px;
	padding-bottom: 3px;
}
#contenten #info_bod #add_items {
	font-size: 11px;
	color: #006600;
}
#contenten #zona_autoriz #info_bod #camposss #del_items {
	font-size: 11px;
	color: #CC0000;
}
#btn_arrendar {
	color: #006600;
	background-image: url(../images/fondoverde1.png);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #003300;
	border-radius: 15px;
}
#btn_arrendar:hover {
	color: #009900;
	background-image: url(../images/fondoverde2.png);
}
#btn_contrato {
	background-image: url(../images/fondoazul1.png);
	border: 1px solid #003366;
	color: #000066;
	background-repeat: repeat-x;
	background-position: center center;
	border-radius: 15px;
}
#btn_contrato:hover {
	background-image: url(../images/fondoazul2.png);
	border: 1px solid #000066;
}

#menu_busqueda #el_conten {
	background-color: #F3F3F3;
}
#menu_busqueda #el_conten #izq_desc {
	width: 150px;
	float: left;
}
#menu_busqueda #el_conten #form_form {
	width: 220px;
	float: left;
}
#mostrar_filtro {
	border: 1px solid #0000FF;
}
#menu_busqueda #el_conten #sep_list {
	clear: both;
}
#menu_busqueda {
}