html {
	background: none;
	margin: 0 0 0 -1px;
	padding: 0;
	overflow-Y: scroll;
}

body {
	padding: 0;
	margin: 0 auto;
	display: table;
	width: 90%;
	color: #606060;
	font-family: Verdana;
	
	font-style: normal;
	font-weight: normal;
	text-transform:none;
	background-color: none;
	white-space: nowrap;
}

.menu_ppal td{
	border: 0px;
}


#principal{
	width: 1500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	border-top-style: ridge;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: ridge;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	position: relative;
	border-top-color: #E2E2E2;
	border-right-color: #E2E2E2;
	border-bottom-color: #E2E2E2;
	border-left-color: #E2E2E2;
	font-size: 12px;
}


#principal #linea {
	background-image: url(../images/upper_cellback.gif);
	background-repeat: repeat-x;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

#principal #pie {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #3266A2;
	text-align: center;
	height: 90px;
	padding-top: 10px;
	margin-top: 15px;
}

#principal #tablasindex {
 
    margin: auto;
}

#titulo{
	text-align: center;
	border-style: ridge;
	padding-top: 5px;
	margin: 20px;
}


#tituloobras{
	text-align: center;
	border-style: ridge;
	padding-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;

}

#obras{
	margin-top: 20px;
	margin-left: 100px;
	margin-bottom: 20px;
	font-size: 12px;
	
}

.importe{
	text-align: right;
	width: 60px;
}	

#importeempresa{
	text-align: right;
	width: auto;
	font-size: 12px;
}

#importe{
	text-align: right;
	width: auto;
}
#subtotales{
	padding: 5px;
	font-size: 13px;
}
#subtotalesempresa{
	padding: 20px;
	font-size: 13px;
	margin-left: 150px;
}
#totales{
	margin-top: 20px;
	font-size: 15px;
	padding: 5px;
	text-align: center;
}

#sf_admin_container .sf_admin_form_row .content {
	padding-left: 0px;
}





/*********************** Tabla  de ver la solicitud*******************************/

#solicitud{
	padding-top: 20px;
    margin: 0 auto;
    margin-left: 20px;
    display: inline-block;
	
}
#solicitud table.ver_solicitud th{
	background:-o-linear-gradient(bottom, #bddbfa 5%, #06be85 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #06be85) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #06be85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bddbfa", endColorstr="#06be85");	background: -o-linear-gradient(top,#bddbfa,06be85);

	background-color:#bddbfa;
	border:0px solid #11846d;
	text-align:center;
	border-width:0px 0px 0px 0px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;

}

#solicitud table.ver_solicitud td{

	border:0px dotted #11846d;
	text-align:left;
	border-width:1px;
	font-size:11px;
	font-family:Helvetica;
	font-weight:bold;
}


#sf_admin_bar {
	float: none;
}

#sf_admin_container label {

    width: 200px;
 
}


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

#tituloinforme{
	text-align: center;
	border-style: ridge;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px;
	font-size: 18px;
	font-weight: bold;
}

#criterioinforme{
	padding-top: 5px;
	margin: 20px;
	font-size: 12px;
}
#subtitulo{
	margin: 20px;
	font-size: 12px;
}

#imprimir{
	
	text-align: center;
	margin-bottom: 15px;
}


.informes {
	margin:0px;padding:0px;
	width:90%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #11846d;
	margin: 0 auto;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.informes table{
    border-collapse: collapse;
        border-spacing: 0;
	width:90%;
	height:100%;
	padding:0px;
	margin: 0 auto; /* centra la tabla*/
	
}.informes tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.informes table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.informes table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}.informes tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}.informes tr:hover td{
	
}
.informes tr:nth-child(odd){ background-color:#ffffff; }
.informes tr:nth-child(even)    { background-color:#ffffff; }.informes td{
	vertical-align:middle;
	
	
	border:1px solid #11846d;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:4px;
	font-size:11px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}.informes tr:last-child td{
	border-width:0px 1px 0px 0px;
}.informes tr td:last-child{
	border-width:0px 0px 1px 0px;
}.informes tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.informes tr:first-child td{
		background:-o-linear-gradient(bottom, #bddbfa 5%, #06be85 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #06be85) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #06be85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bddbfa", endColorstr="#06be85");	background: -o-linear-gradient(top,#bddbfa,06be85);

	background-color:#bddbfa;
	border:0px solid #11846d;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.informes tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #bddbfa 5%, #06be85 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #06be85) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #06be85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bddbfa", endColorstr="#06be85");	background: -o-linear-gradient(top,#bddbfa,06be85);

	background-color:#bddbfa;
}
.informes tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.informes tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}


/*********************** ENCABEZADO DEL LISTADO DEL GENERATOR*******************************/

#sf_admin_container th{
	background:-o-linear-gradient(bottom, #bddbfa 5%, #06be85 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #06be85) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #06be85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bddbfa", endColorstr="#06be85");	background: -o-linear-gradient(top,#bddbfa,06be85);

	background-color:#bddbfa;
	border:0px solid #11846d;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}


#sf_admin_container ul.sf_admin_actions li a:hover {
	margin-left: 20px;
	color: #000000;
}

#sf_admin_container ul.sf_admin_actions li a {
     margin: 20px;
     
     }
/*********************BOTONES LIST**********************/


#sf_admin_container ul li.sf_admin_action_cargarobramadre a{
	background-size: 20px 20px;
	background-image: url(../images/sio/proyecto.jpg);
}
#sf_admin_container ul li.sf_admin_action_verproyecto a{
	background-size: 15px 16px;
	background-image: url(../images/sio/ver_proyecto.png);
}
#sf_admin_container ul li.sf_admin_action_cargarrenglon a{
	background-size: 15px 16px;
	background-image: url(../images/sio/cargar_obra.png);
}


}
/*****************************/

#sf_admin_bar {
    float: none;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

#sf_admin_text sf_admin_list_td_nombre{
	width: auto;
}
/***********************************/
/* centra la tabla del listado del generator*/
table
{
	margin: 0 auto;
    margin-bottom: 1em;
}




.ui-datepicker-trigger{
	width: 20px;
	height: 15px;
	margin-left: 3px;
}

/*****cambia color la cabecera del reloj*****/

.ui-widget-header {
  border: 1px solid #2708E7;
  background: #16a085;
  color: #fff;
  font-weight: bold;
}

/********cambia color la fecha por defecto*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #3D3FE0;
  background:#9bdbcd;
  color: #363636;
}

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

#sf_admin_container table.grilla th{
	text-align: center; 
    vertical-align: center;
}
#sf_admin_container table.grilla td{
	text-align: center; 
    vertical-align: center;
}



/**************************************************************/
/***************************BOTON*******************************/
.boton {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:71px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.boton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.boton:active {
	position:relative;
	top:1px;
}

/******************************************************************************/
/***************************BOTON CREAR PROYECTO*******************************/
/******************************************************************************/


#sf_admin_container .botonproyecto{
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:blue;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
#sf_admin_container .botonproyecto:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}

#sf_admin_container .botonproyecto:active {
	position:relative;
	top:1px;
}

/***************************************/
.botonexcel {
    padding-right: 10px;
    padding-left: 10px;
    background-image: url(../images/excel.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px 30px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-indent: 0;
    border: 1px solid #16a085;
    display: inline-block;
    color: #000;
    height: 33px;
    line-height: 20px;
    width: 32px;
    text-decoration: none;
    text-align: right;
    text-shadow: 1px 1px 0px #c0c0c0;
}
/*********************************************/

#recuadrobusqueda{
	
	width: 70%;
	margin: 20px auto;
	padding-top: 20px;
	padding-bottom: 20px;	
	border: 2px solid #11846d;
	
}

.error_list{
	color: red;
}
/*****************************************************/
div#renglon{
	 max-width: 700px;
     white-space: normal; 
	 float:left; 
	 margin-left: 40px;
}

sf_admin_container .alcentro{
	
	text-align: center;
}

div.recuadroinfo{
/*	width: 50%;*/
    margin: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-style: double;
    border-width: initial;
    border-color: #11846d;
	
}

#titulonohay{
	text-align: center;
	border-style: ridge;
	padding-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 15px;
	font-weight: bold;

}

/******************************************/
#listadoinformes{
	margin: 0 auto;padding:20px;
	font-family: Helvetica;
	font-size: 12px;
	font-weight:bold;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #16a085;
	
}

#listadoinformes td {
	width: 200px;
	height: 50px;
	border-bottom:1px solid #16a085;
}


div#listadoobra{
	 overflow:auto; 
	 float:left; 
	 width:600px;
	 margin-left: 1px;
	 text-align: left;
}

#proyectosconoriginados{
	text-align: center;
}

#proyectos{
 	
 	text-align:center
}


#tituloproyectos{
	color: #0000ff;
	font-size: larger;
	margin: 30px;
	text-align:center;
	padding: 20px;
	border-color: black;
}

input#sio_obra_madre_nombre_proyecto{
	width: 500px;
	
}

.sf_admin_list_td_descripcion_obra{
	max-width: 700px;
    white-space: normal;
}


/***********************/
.ver{
	background-color: steelblue;
    font-size: 12px;
    height: 20px;
    color: white;
    border-color: #e2e2e2;
    border-style: ridge;
    padding: 5px;
    padding-left: 10px;
    
}

.verDato{
	font-size: 12px;
    height: 20px;
    border-color: #e2e2e2;
    border-style: ridge;
    padding: 5px;
    padding-left: 10px;
	
}

#tituloliq{
	text-align: center;
	border-style: ridge;
	padding-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 15px;
	font-weight: bold;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #233ae0;
	background: #d1ddfa url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #5f70e2;
}

/**************************************MENU **************************/
#principal #menu
{
	height: 120px;
}

.imagen_inicio {
	float: left;
	height: 100px;
	width: 100px;
	background:url(../images/sio/inicio_1.png) no-repeat;
	margin-left: 10px;

}
.imagen_inicio:hover {
	background:url(../images/sio/inicio_2.png) no-repeat;
}
.imagen_inicio a {
	float: left;
	height: 100px;
	width: 100px;
	margin-left: 10px;
}


.imagen_informe {
	float: left;
	height: 100px;
	width: 200px;
	background:url(../images/sio/Informes_1.png) no-repeat;
	margin-left: 50px;
	margin-top: 20px;
}
.imagen_informe:hover {
	background:url(../images/sio/Informes_2.png) no-repeat;
}
.imagen_informe a {
	float: left;
	height: 100px;
	width: 200px;
	margin-left: 50px;
	margin-top: 20px;
}

.imagen_salir {
	float: left;
	height: 100px;
	width: 100px;
	background:url(../images/sio/salir_1.png) no-repeat;


}
.imagen_salir:hover {
	background:url(../images/sio/salir_2.png) no-repeat;
}
.imagen_salir a {
	float: left;
	height: 100px;
	width: 100px;

}

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

.imagen_solicitud {
	float: left;
	height: 50px;
	width: 180px;
	background:url(../images/sio/solicit_1.png) no-repeat;


}
.imagen_solicitud:hover {
	background:url(../images/sio/solicit_2.png) no-repeat;
}
.imagen_solicitud a {
	float: left;
	height: 50px;
	width: 180px;

}


.imagen_obras {
	float: left;
	height: 50px;
	width: 180px;
	background:url(../images/sio/obras_1.png) no-repeat;

}

.imagen_obras a {
	float: left;
	height: 50px;
	width: 1800px;

}


.imagen_proce {
	float: left;
	height: 50px;
	width: 180px;
	background:url(../images/sio/proce_1.png) no-repeat;


}
.imagen_proce:hover {
	background:url(../images/sio/proce_2.png) no-repeat;
}
.imagen_proce a {
	float: left;
	height: 50px;
	width: 1800px;

}

.imagen_disc {
	float: left;
	height: 50px;
	width: 180px;
	background:url(../images/sio/disc_1.png) no-repeat;


}
.imagen_disc:hover {
	background:url(../images/sio/disc_2.png) no-repeat;
}
.imagen_disc a {
	float: left;
	height: 50px;
	width: 180px;

}

.imagen_cert {
	float: left;
	height: 50px;
	width: 150px;
	background:url(../images/sio/cert_1.png) no-repeat;

}
.imagen_cert:hover {
	background:url(../images/sio/cert_2.png) no-repeat;
}
.imagen_cert a {
	float: left;
	height: 50px;
	width: 150px;
}


.imagen_proy {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/proy_1.png) no-repeat;

}
.imagen_proy:hover {
	background:url(../images/sio/proy_2.png) no-repeat;
}
.imagen_proy a {
	float: left;
	height: 50px;
	width: 200px;
}
.imagen_urb {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/obrasesp_1.png) no-repeat;

}
.imagen_urb:hover {
	background:url(../images/sio/obrasesp_2.png) no-repeat;
}
.imagen_urb a {
	float: left;
	height: 50px;
	width: 200px;
}
.imagen_mej {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/mej_1.png) no-repeat;

}
.imagen_mej:hover {
	background:url(../images/sio/mej_2.png) no-repeat;
}
.imagen_mej a {
	float: left;
	height: 50px;
	width: 200px;
}
.imagen_hab {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/hab_1.png) no-repeat;

}
.imagen_hab:hover {
	background:url(../images/sio/hab_2.png) no-repeat;
}
.imagen_hab a {
	float: left;
	height: 50px;
	width: 200px;
}
.imagen_obrdel {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/obrdel_1.png) no-repeat;

}
.imagen_obrdel:hover {
	background:url(../images/sio/obrdel_2.png) no-repeat;
}
.imagen_obrdel a {
	float: left;
	height: 50px;
	width: 200px;
}


.imagen_autoco {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/autoco_1.png) no-repeat;

}
.imagen_autoco:hover {
	background:url(../images/sio/autoco_2.png) no-repeat;
}
.imagen_autoco a {
	float: left;
	height: 50px;
	width: 200px;
}

.imagen_acu {
	float: left;
	height: 50px;
	width: 200px;
	background:url(../images/sio/convAC_1.png) no-repeat;

}
.imagen_acu:hover {
	background:url(../images/sio/convAC_2.png) no-repeat;
}
.imagen_acu a {
	float: left;
	height: 50px;
	width: 200px;
}