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

/* 
Reseteamos practicamente todos los valores de los selectores para facilitar el cross-browsing
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, button{
    border:0pt none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
	text-decoration:none;
}

body{background-color:#e7e8ea; margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#color{background-color:#fff;}

#caja{width:450px; height:280px; margin:50px auto 0px auto; position:relative; color:#333;}
#logotipo{width:310px; height:263px;position:relative; top:80px; left:60px; z-index:1;}
#login{width:420px; height:310px; position:relative; z-index:0; padding-top:60px; background-image:url(images/caja-blanca.png); background-repeat:no-repeat;}
#login img, #login input[type="image"]
{
	margin: 0px auto;
	display: block;
}

#formu{width:275px; margin:25px auto;}
.celda{border:1px solid #e5e5e5; width:275px; height:30px; margin-bottom:10px; margin-top:8px; outline:none; background-color:#fbfbfb; color:#666;}
.link-azul a{font-size:11px; float:right; padding-top:21px; padding-right:10px; color:#3366cc; text-decoration:underline;}

#compraventa
{
	margin-top:30px; color:#333;
}
#compraventa table
{
	border-collapse: collapse;
	font-size:11px;
}
#compraventa table .cp01{background-color:#6cb5f6; padding:7px 0px 7px 4px; color:#1551bf; font-weight:bold; }
#compraventa table .cp00{background-color:#6cb5f6; color:#1551bf;font-weight:bold; text-align:center; }
#compraventa td
{
	padding:4px 3px;
	border:1px solid #40a1f8;
}

#cont{border-collapse: separate;border-spacing: 0pt; color:#666;}
.col1
{
	background-color:#4e8cc4;
	color:#fff;
	border:1px solid #ddd;
	padding:3px 0;
	text-align:center;
	vertical-align: middle;
} 
#content #render #cont{ overflow:auto; height:100%;}
#render #cajacont td
{
	background-color:#FFF;
	border:1px solid #ddd;
	padding:3px 5px;
	vertical-align: middle;
}
#tlistado{}

#hmenu{ color:#1b6eb9; font-size:12px; margin-left:22px;}
#hmenu li{display:block; float:left; background-color:#96c9f7; list-style-type:none; border-left:1px solid #cad9e7; border-right: 1px solid #579cd9; padding:7px 9px;}
#hmenu a{ color:#1b6eb9;}
#hmenu li:hover{ background-color:#baeafe;}

.chek{ padding:5px 0px 7px 0px; text-align:center;} 

strong{font-weight: 700;}
caption, th, td{font-weight: normal;text-align: left;}
blockquote:before, blockquote:after, q:before, q:after{
    main: "";
}
blockquote, q{
    quotes: "" "";
}
html,body{
    height: 100%;
    
    overflow: hidden;
}
.clearfix{
    overflow: hidden;
}



/*Section : TOP..................... */

#top{height: 97px; background-color:#fff; position:relative;}
#top h1{width:184px;display:block; margin-top:7px; margin-left:20px; float:left;}
#top #tgestor{ display:block;  margin-left:20px; margin-top:35px; font-family:"century gothic", arial, verdana; font-size:18px; font-weight:bold; margin-bottom:5px; color:#4e8cc4;}

#top01{height: 97px; float:left; position:absolute;}
#top02{
	height: 97px;
	float:left;
	width:595px;
	position:absolute;
	left:203px;
}
#top03{
	right:74px;
	position:absolute;
	top:6px;
	text-align:right;
	padding-right:25px;
	font-size:11px;
}
#top04{
	position:absolute;
	right:0px;
	top:5px;
	padding-right:20px;
	font-size:11px;
}
.link{ text-decoration:underline;color:#1b6eb9; background-image:url(images/ico-cerrar.png); background-repeat:no-repeat; padding-right:19px;  padding-bottom:5px; background-position:right; }



/*Section:LATERAL................... */

#vlateral{float:left;margin-left:22px;width: 183px; height: 100%;color:#fff; position:relative;}
#vlateral ul{list-style: none;list-style-position: inside; list-style-type:none;}
#vmenu{ margin-top:11px; margin-left:0px;list-style-type:none;}
/*#vmenu li{
	position:relative;
	background-color:#4e8cc4;
	margin-bottom:2px;
	padding:10px 0px 10px 18px;
	width:165px;
	color:#fff;
	text-decoration:none;
	list-style-type:none;
	
}*/

#vmenu a{ color:#fff; outline:none;}
#vmenu li:hover{background-color: #3466c1;}


#vmenu  #vsubmenu {display:none;}

#vmenu:hover > #vsubmenu{display:block;}


.vsubmenu-li{ background-color:#8cc3f3 !important; width:165px;}
.vsubmenu-li:hover{ background-color:#74b2e9 !important;}

/*Section:CONTENT.................. */

#content{
    height: 100%;
    margin-left: 225px;
	padding:0px;
}

#content #render{
    height: 92%;
	
}



/*FOOTER............................*/

#total{background-color:#bebaba; height:45px; border-top:1px solid #a8a5a5; font-weight:700; text-align:right; padding-right:20px; padding-top:8px;}
#piepagina{width:100%; height:8px; position:absolute; bottom:0px; left:0px; background-color:#4e8cc4; color:#fff; font-size:11px; text-align:center; padding:13px 0px 18px 0px; position: fixed;}

/*POPUP..............*/
.popup{ overflow:auto;}
#tablap{background-color:#fff; width:470px; color:#333;}
#poptitulo{ height:67px;}
#poptitulo img{ margin:35px 0px 0px 15px;}
#psubtitulo{ background-color:#4e8cc4; width:430px; height:15px;color:#fff; padding:7px 0px 5px 10px; font-weight:bold; margin:0px auto;}
#cajonp{ width:440px; margin:0px auto;border:1px solid #d8d8d8;}

#tablap table{margin:20px auto; width:400px; }
.campo{ color:#777;}
#btncrear{height:50px; text-align:center;}
#btncrear img{ margin:10px auto 0px auto;}
#cerrar{text-decoration:underline;color:#1b6eb9; background-image:url(images/ico-cerrar.png); background-repeat:no-repeat; padding-right:19px;  padding-bottom:5px; background-position:right; width:40px; float:right; margin-right:15px; margin-top:5px; font-size:11px;}

.tituloce{ font-family:"century gothic", arial, verdana; color:#4e8cc4; font-weight:bold; font-size:18px; float:left; padding-top:40px; padding-left:15px;}