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

html,body{
	/* PEEKABOO!!! */
	position:relative;
	min-width: 0;
}


html,body, a, input,textarea{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

html{
	background-image:url(/images/skins/light/page_background.gif);
	margin:0px;
	padding:0px;
}

body{
	background:url(/images/skins/light/body_background.png) center top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

 
/*** TEXT ***/
a{
	color:#DFA10D;
	text-decoration:underline;
} 

a:hover{ 
	text-decoration:none;
}

p{
	size:10px;
	line-height:14px;
	margin:0px;
}

p+p{
	margin-top:10px;
}

h1{
	color:#5F7481;

}

h3{
	font-size:16px;

}

h4{
	color:#BBBBBB;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:0;
	text-transform:uppercase;
}



strong{
	color:#6F8695;
}

.desolysombraLogo{
	font-weight:bold;
}


/*** LISTS ***/
li{
	/*margin-bottom:5px;*/
}

/*** TABLES ***/

table,td, tr{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

table th{
	background-color:#CCC;
}

table tfoot{
	background-color:#CCC;
}

/*** CLEAR ***/
.clear{
	float:none;
	clear:both;
}


/*** FORMS ***/
input,textarea,select{
	font-size:10px;
	color:#666;
	vertical-align:middle;
}

input[type="text"],input[type="password"],textarea{
	border-style:solid;
	border-width:1px;
	border-color:#c0c0c0;
	background-image:url(/images/skins/light/form_input_background.png);
	background-repeat:repeat-x;
	padding:2px;
}

textarea{
	width:300px;
}

input.error,textarea.error{
	background-image:url(/images/skins/light/form_input_background_error.png);
	background-color:#feba12;
}



.choquinControlCheckBox{
	margin:4px;	
	border:1px solid #CCC;
	padding:4px;
	display:inline-block;
}

.choquinControlCheckBox.depth0{
	color:#F90;	
	font-weight:bold;
}

.choquinControlCheckBox.depth1{
	color:#999;	
	font-weight:bold;
}


/*** Tables ****/
table.list .thumb{
	max-width:100px;
	max-height:100px;
}


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

#mainContainer{
	background-image:url(/images/skins/light/mainContainer_background.png);
	background-position:center center;
	background-repeat:repeat-y;
}

#subContainer{
	/*background-color:#FFF;*/
	background-image:none;
	width:760px;
	margin:auto;
	position:relative;
	
}

#header{
	background-image:url(/images/skins/light/header_background-trans.png);
	height:220px;
	z-index:10;
	position:relative;
}


/*********** NAV ********************/
#nav{
	position:absolute;
	top:160px;
	height:43px;
	z-index:100;
	left:4px;
}

#nav ul{
	margin:0px;
	padding:0px;
	height:1%;  /* FIX IE FLOAT BUG ; el contenedor de un float tiene que tener un height para que no haya scrolls horizontales en la pantalla*/
}

#nav li{
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	margin-left:3px;
}

#nav li a{
	color:#FFF;
	background-image:url(/images/skins/light/navButton_background.png);
	background-position:0px 86px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	display:block;
	text-align:center;
	width:90px;
	height:20px;
	padding-top:12px;
	padding-bottom:8px;
}

#nav li a:hover, #nav li.selected a:hover{
	text-decoration:none;
	background-position:0px -43px;
}

#nav li a:active , #nav li.selected a{
	background-position:0px 0px;
}

#nav #nav_admin{
	position:absolute;
	top:-170px;
	right:-190px;
}

#nav #nav_admin a{
	background:url(/images/skins/light/lock.png) 60px 30px no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#nav #nav_admin a:hover{
	background-position: 60px -30px;
}

#nav #nav_home a{
	position:absolute;
	width:300px;
	height:100px;
	bottom:70px;
	left:20px;
	text-indent:-10000px;
	overflow:hidden;
	background:none;
}



/********** CONTENT ************/

#content{
	padding:10px;
	background-color:#f8f1e6;
	background-color:#fff;
	margin-top:-18px;
	z-index:1;
	position:relative;
}



/********** FOOTER ************/
#footer{
	background-image:url(/images/skins/light/footer_background.png);
	background-repeat:repeat-x;
	height:56px;
	padding-top:14px;
	border-top:1px solid;
}

#footer *{
	color:#a7afb4;
	font-style:normal;
}

#footer:hover *{
	color:#fff;
}

#footer a:hover{
	color:#fff;
}


#footer #footer_logo{
}

#footer #footer_logo a{
	background-image:url(/images/skins/light/footer_logo-trans.png);
	background-repeat:no-repeat;
	width:108px;
	height:12px;
	display:block;
	overflow:hidden;
	padding:15px;	
	margin-left:25px;
	text-indent:-10000px;
}

#footer #footer_data{
	margin-top:-40px;
	margin-left:280px;
	display:block;
	height:1%;
}

#footer #footer_data>*{
	height:20px;
	display:block;
}

#footer #footer_data>* strong{
}

#footer #footer_data #footer_address{
	margin-left:80px;
}

#footer #footer_data #footer_telefax, #footer #footer_data #footer_email, #footer #footer_data #footer_celular{
	margin-left:10px;
	float:left;
}

#footer #footer_data #footer_website{
	display:block;
	margin-left:50px;
	display:none;
}

#footer #footer_data #footer_email{
	display:block;
	float:left;
}

/********** postFooter ******/
#postFooter{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/skins/light/postFooter_background.png) no-repeat;
	padding:20px;
	text-align:right;
	position:relative;
}

#postFooter ,#postFooter *{
	font-size:9px;
	color:#637376;
}

#postFooter:hover ,#postFooter:hover *{
	color:#FFF;
}

#postFooter #desarrolladoPor{
	margin-right:20px;
}

#postFooter #w3validator{
	position:absolute;
	top:10px;
	left:40px;
}

#postFooter #w3validator a img{
	border:0px none;
	width:44px;
	height:15px;
	opacity:.2;
}

#postFooter #w3validator a:hover img{
	opacity:1;
}




/************* EDIT ***************/
table.edit, table.list{
	width:100%;
	border:1px solid #fff;
	background-color:#eee;
	font-size:10px;
	color:#666;
}

table.edit>tbody>tr>td, table.edit>tbody>tr>th, table.list>tbody>tr>td{
	border:1px solid #fff;
	padding:4px;
}

table.edit>tbody>tr:hover>th, table.edit>tbody>tr:hover>td, table.list>tbody>tr:hover>td{
	background-color:#868C8F;
	color:#FFF;
}

table.edit>tbody>tr>th{
	text-align:right;
	color:#FFF;
	border-bottom:1px solid #fff;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

table.edit>tbody>tr>th{
	width:150px;
}

table.list>tbody>tr.selected{
	background-color:#C2CBCF;
}

table.list > tbody > tr.disabled {
	color:#aaa;
}

/*************** soliciteInformacion ****************/
.soliciteInformacion form{
	margin-right:-20px;
	margin-top:10px;
}


.soliciteInformacion input[type="text"]{
	width:164px;
}

.soliciteInformacion input[type="text"]:focus, .soliciteInformacion textarea:focus{
    border-color:#00ff00;
}


.soliciteInformacion textarea{
	width:340px;
	height:50px;
}

.soliciteInformacion .choquinControlContainer label{
	clear:both;
	float:none;
	display:block;
	font-style:italic;
}

.soliciteInformacion .choquinControlContainer{
	margin-right:10px;
	margin-bottom:10px;
	display:block;
	float:left;
}

.soliciteInformacion .choquinControlContainer:last-child{
	margin-bottom:0px;
}

.soliciteInformacion .choquinControlContainer .caption{
	display:none;
}


.soliciteInformacion .formInfo{
	clear:both;
	float:none;
	color:#AAA;
}





/************ IE FIXES **********/
body.IE_LT8 .soliciteInformacion .choquinControlContainer{
	padding-right:10px;
}


body.IE #subContainer{
	width:760px;
	padding-left:1px;
	position:relative;
	zoom: 1;/* peekaboo */
}

body.IE #content{
	position:relative;
	zoom: 1;/* peekaboo */
}


/************* IE6 *************/
body.IE6 {
	background-image:none;
}

body.IE6 #mainContainer{
	background-image:none;
}

body.IE6 #subContainer{
	border-left:2px solid #394648;
	border-right:2px solid #394648;
	border-bottom:2px solid #394648;
}

body.IE6 #nav a{
	background-image:url(/images/skins/light/navButton_background.gif);
}

body.IE6 #nav li a:hover,body.IE6  #nav li.selected a:hover{
	text-decoration:none;
}

body.IE6 #nav li a:active ,body.IE6  #nav li.selected a{
}


body.IE6 #nav ul{
 position:relative;
}

body.IE6 #nav #nav_admin{
	position:absolute;
	top:-170px;
	right:0px;
	width:100px;
	height:30px;

}

body.IE6 #nav #nav_admin a{
	background:url(/images/skins/light/lock.gif) 60px 30px no-repeat;
}

body.IE6 #nav #nav_admin a:hover{
	background-position: 60px -30px;
}

body.IE6 #postFooter{
	background-image:none;	
}