/*  
Proyecto: EL CORRAL
disenho y construccion: Gustavo Antunez
E-mail: gustavoantunez@gmail.com
fecha: 28/12/2009
Mod 1: 26/12/2010
Mod 2: -
*/

/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////   reset   /////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

* { padding: 0; margin: 0; }

table { border-spacing: 0px;	border-collapse: collapse; }

/* CLEAR FIX */
.clearfix:after {
	content:".";
	display:block;	height:0;
	clear:both;	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
* html .clearfix {
	height:1px;
}

.clear{
	clear: both;
}
/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

/* FORMULARIOS */
input,textarea,select,option {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #8C8055;
}
input {
	font-size: 95%;
	padding: 3px;
}
textarea {
	font-size: 100%;
	padding: 3px;
}
label{
	width: 60px;
	padding-top: 3px;
	float: left;
}
input.check {}
select {
	font-size: 90%;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
}
option {	padding-right: 12px; }

.alert{ 
	color: #CC0000;
}
fieldset{
	padding: 12px;
	border: 1px dotted #EBEBEB;
	margin-top:20px;
}
legend{
	font-size:16px; font-weight:bold;
}
.boton1, .boton2{
	width: 67px;
	height: 20px;
	padding: 0;
	border: 0;
	color: #FFF;
	text-align: center;
	font-size: 11px;
}
.boton1{
	background: url(../img/bgBoton1.gif) no-repeat;
}
.boton2{
	background: url(../img/bgBoton3.gif) no-repeat;
}
.boton3{
	width: 127px; height: 41px;
	text-align: center; color: #FFF; font-size: 16px;
	background: url(../img/bgBoton6.jpg) no-repeat;
	border: 0;
}
.boton4{
	width: 188px; height: 41px;
	text-align: center; color: #FFF; font-size: 16px;
	background: url(../img/bgBoton7.jpg) no-repeat;
	border: 0;
}
.boton5{
	width: 208px; height: 41px;
	text-align: center; color: #FFF; font-size: 16px;
	background: url(../img/bgBoton8.jpg) no-repeat;
	border: 0;
}
.boton6{
	width: 122px; height: 41px;
	text-align: center; color: #FFF; font-size: 16px;
	background: url(../img/bgBoton9.jpg) no-repeat;
	border: 0;
}

/* FIN FORMULARIOS */





/* ############################################################*/
/* #################### ESTILOS GENERALES ##################### */
/* ############################################################*/
body{
	background: #D9C583;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 120%;
}
a:link, a:visited{	color: #4C462D; }
a:hover, a:active{	color: #7E3005; }

h1, h2, h3, h4, h5, h6{
	color: #4C462D;
	font-weight: normal;
	line-height: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2{	font-size: 24px; }
h3{	font-size: 22px; }
h4{	font-size: 18px; }
h5{	font-size: 16px; }
h6{	font-size: 13px; }

hr{
	height: 1px;
	border: 1px solid #8C8055;
	background-color: #8C8055;
	margin: 20px 0;
	clear: both;
}

.strong{ font-weight: bold; }
p{	margin-bottom: 13px; }

.txtBlanco{
	color: white;
}
.txtNegro{
	color: black;
}
.txtMarron{
	color: #7E3005;
}
.txtRojo{
	color: #F00;
}
.txtAzul{
	color: #00F;
}
.txtVerde{
	color: #090;
}
.txtNaranja{
	color: #F60;
}
.txtBig{
	font-size: 20px;
}
.txtMedium{
	font-size: 16px;
}
.txtItalic{
	font-style: italic;
}
.center{
	text-align: center;
}
.margBtm{
	margin-bottom: 12px;
}
a.lnk1{
	width: 110px;
	height: 18px;
	padding-top: 3px;
	margin-right: 6px;
	text-align: center;
	color: #FFF !important;
	background: url(../img/bgBoton2.gif) no-repeat;
	display: block;
	float: left;
}
a.lnk2{
	width: 90px;
	height: 17px;
	padding-top: 4px;
	margin: 2px 0;
	text-align: center;
	color: #FFF !important;
	background: url(../img/bgBoton4.gif) no-repeat;
	display: block;
	text-decoration: none;
}
a.lnk3{
	width: 90px;
	height: 17px;
	padding-top: 4px;
	margin: 2px 0;
	text-align: center;
	color: #FFF !important;
	background: url(../img/bgBoton5.gif) no-repeat;
	display: block;
	text-decoration: none;
}
a.lnk4{
	width: 188px;
	height: 33px;
	padding-top: 12px;
	margin: 2px 0;
	text-align: center; color: #FFF !important; font-size: 16px;
	background: url(../img/bgBoton7.jpg) no-repeat;
	display: block;
	text-decoration: none;
}
.titLine{
	border-bottom: 5px solid #8C8055;
}

/* ############################################################*/
/* #################### ESTILOS GENERALES ##################### */
/* ############################################################*/


/* ############################################################*/
/* ####################    ESTILOS TOP   ##################### */
/* ############################################################*/
#wrapper_top{
	background: url(../img/bgTop.jpg) repeat-x;
	text-align: center;
}
#wrapper_top #top{
	text-align: left;
	width: 925px;
	/*height: 137px;*/
	margin: auto;
	padding-top: 18px;
}
#wrapper_top #top .left,
#wrapper_top #top .right{
	float: left; display: block;
	height: 97px;
}
#wrapper_top #top .left{
	width: 350px;
	/*padding-top: 18px;*/
}
#wrapper_top #top .right{
	width: 575px;
}
#wrapper_top #top .right #login{
	width: 292px;
	height: 46px;
	padding: 12px;
	background: url(../img/bgLogin.png) no-repeat 0 bottom;
	float: right;
	font-size: 11px;
	color: #8E8B5F;
}
#wrapper_top #top .right #login .inputTop{
	border: 1px solid #E2D8A7;
	padding: 3px;
	color: #7E3005;
	width: 95px;
}
#wrapper_top #top .right #login a:link,
#wrapper_top #top .right #login a:visited{
	color: #7E3005;
	text-decoration: none;
}
#wrapper_top #top .right #login a:hover,
#wrapper_top #top .right #login a:active{
	color: #C30501;
	text-decoration: underline;
}
#wrapper_top #top .right #login table{
	margin-bottom: 3px;
}
#wrapper_top #top #menu{
	clear: both;
	height: 33px;
	padding-top: 7px;
}

/**************** ESTILO DEL MENU *************** */
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	/*position:relative;*/
	line-height:1.5em; 
	z-index: 1100;
}
#nav li.active{
	background: url(../img/bgMenuB.png) no-repeat right;
}
#nav li.active a{
	background: url(../img/bgMenuA.png) no-repeat;
	color:#000;
}


#nav a{
	display:block;
	height: 21px;
	text-align: center;
	font-weight: bold;
	padding: 9px 14px 3px 24px;
	margin-right: 8px;
	color: #6A653F;
	text-decoration:none;
	background: url(../img/bgMenuA2.png) no-repeat;
}

#nav a:hover, #nav li.active a:hover{
	background: url(../img/bgMenuA2.png) no-repeat 0 bottom;
	color:#FFF;
}

#nav li{
	float:left;
	position:relative;
	background: url(../img/bgMenuB2.png) no-repeat right top;
}
#nav li:hover {
	background: url(../img/bgMenuB2.png) no-repeat right bottom;
}

#nav ul {
	position:absolute;
	display:none;
	width: 178px;
	padding: 6px;
	top: 33px;
	left: 3px;
	background: #6A653F;
}
#nav li:hover ul li{
	background: none;
}
#nav li ul a{
	background: none;
	text-align: left;
	padding: 6px;
	width: 166px;
	display: block;
	color: #FFF;
	font-weight: normal;
	height:auto;
	float:left;
	border-top: 1px solid #D9C583;
}
#nav li ul li a:hover{
	background: #D9C583 none;
	color: #000;
}
#nav li:hover ul, #nav li li:hover ul{
	display:block;
}
/* *************** FIN DEL ESTILO DEL MENU *************** */

/* ############################################################*/
/* ####################    ESTILOS TOP   ##################### */
/* ############################################################*/

/* ############################################################*/
/* ####################  ESTILOS CUERPO  ##################### */
/* ############################################################*/
#wrapper_cuerpo{
	text-align: center;
}
#wrapper_cuerpo #cuerpo{
	margin: auto;
	text-align: left;
	width: 925px;
}
#wrapper_cuerpo #cuerpo .left,
#wrapper_cuerpo #cuerpo .right{
	float: left; display: block;
}
#wrapper_cuerpo #cuerpo .left{
	width: 233px;
	padding: 30px 6px;
	margin-right: 30px;
	background: url(../img/bgColIzq.jpg) no-repeat;
	color: #4C462D;
}
#wrapper_cuerpo #cuerpo .right{
	width: 650px;
	padding: 30px 0;
}
#wrapper_cuerpo #cuerpo .right #center,
#wrapper_cuerpo #cuerpo .right #right2{
	float:  left; display: block;
}
#wrapper_cuerpo #cuerpo .right #center{
	width: 365px;
	margin-right: 12px;
}
#wrapper_cuerpo #cuerpo .right #right2{
	width: 273px;
}

#wrapper_cuerpo #cuerpo .right #colGrandes{
	clear: both;
	background-color: #B2A26C;
}
#wrapper_cuerpo #cuerpo .right #colGrandes .cg{
	float: left;
	display: block;
	width: 313px;
	/*height: 457px;*/
	padding: 6px;
}

#wrapper_cuerpo #cuerpo .left p{
	padding: 0 22px;
}

#wrapper_cuerpo #cuerpo ul{
	padding: 6px 22px;
}
#wrapper_cuerpo #cuerpo li{
	list-style-position: outside;
	margin-bottom: 6px;
	color: #4C462D;
}

#wrapper_cuerpo #cuerpo .banner2{
	background-color: #B2A26C;
	padding: 12px;
}

#wrapper_cuerpo #cuerpo .servicio{
	width: 136px;
	color: #4C462E;
	float: left; display: block;
}
#wrapper_cuerpo #cuerpo .servicio .titulo{
	border-bottom: 2px solid #8C8055;
	padding: 6px 0;
	margin-bottom: 6px;
	font-size: 13px;
}
#wrapper_cuerpo #cuerpo .servicio .moneda{
	border-bottom: 1px dotted #AF9F6A;
	padding: 6px 0;
	margin: 0 12px 0 0;
}
#wrapper_cuerpo #cuerpo .servicio .frio,
#wrapper_cuerpo #cuerpo .servicio .calor{
	font-size: 20px;
	font-weight: bold;
}
#wrapper_cuerpo #cuerpo .servicio .frio{
	color: #0099CC;
}
#wrapper_cuerpo #cuerpo .servicio .calor{
	color: #D1000C;
}
#wrapper_cuerpo #cuerpo #accesos{
	clear: both;
	padding: 20px 0 0 0;
}
#wrapper_cuerpo #cuerpo .botonazo:link,
#wrapper_cuerpo #cuerpo .botonazo:visited{
	width: 118px;
	height: 55px;
	padding: 20px 6px 0 6px;
	margin: 0 6px 3px 0;
	text-align: center;
	float: left; display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 15px;
	line-height: 120%;
	text-decoration: none;
	background: url(../img/bgBotonazoIndex.jpg) no-repeat 0 top;
}
#wrapper_cuerpo #cuerpo .botonazo:hover,
#wrapper_cuerpo #cuerpo .botonazo:active{
	background: url(../img/bgBotonazoIndex.jpg) no-repeat 0 bottom;
}


/* menu usuario */
#wrapper_cuerpo #cuerpo .left ul#menuUser{
	padding: 6px;
	margin: 6px 0;
	background: #AA9A66 url(../img/bgMenuUser.jpg) repeat-x;
}
#wrapper_cuerpo #cuerpo .left ul#menuUser li{
	list-style-type: none;
	list-style-position: inside;
}
#wrapper_cuerpo #cuerpo .left ul#menuUser li a:link,
#wrapper_cuerpo #cuerpo .left ul#menuUser li a:visited{
	display: block;
	padding: 6px;
	margin: 0;
	border-bottom: 1px solid #A99A65;
	text-decoration: none;
	color: #FFF ;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 120%;
}
#wrapper_cuerpo #cuerpo .left ul#menuUser li a:hover,
#wrapper_cuerpo #cuerpo .left ul#menuUser li a:active{
	border-bottom: 1px solid #A99A65;
	background-color: #A99A65;
}
/* menu usuario */

/* tablas */
.tabla1{
	margin: 0 0 12px 0;
}
.tabla1 thead{
	background-color: #4C462E;
	color: #FFF;
}
.tabla1 thead td{
	padding: 6px;
}
.tabla1 tbody{
	background-color: #EFE9D3;	
}
.tabla1 tbody td{
	border-bottom: 1px solid #E4DBBA;
	padding: 12px 6px;
}
.tabla1 tbody a{
	color: #7E3005;
}
.tabla1 tbody img{
	float: left;
	border: 0;
	margin-right: 12px;
}
.tabla1 tbody tr.destacado{
	border: 2px solid #4C462E;
}
.tabla1 tbody tr.finalizado,
.tabla1 tbody tr.finalizado a{
	color: #999;
}
.tabla1 tfoot{
	background-color: #E4DBBA;
}
.tabla1 tfoot td{
	padding: 12px 6px;
}
.tabla1 tfoot td.paginacion{
	text-align: right;
	color: #4C462C;
}
.tabla1 tfoot td img{
	float: right;
}
.tabla1 tfoot td.paginacion a:link,
.tabla1 tfoot td.paginacion a:visited{
	text-decoration: none;
}
.tabla1 tfoot td.paginacion a:hover,
.tabla1 tfoot td.paginacion a:active{
	text-decoration: underline;
}
/*----------*/
.tabla2 td{
	padding: 6px;
}

/* tablas */

/* calendario */
#mes{
	background-color: #4C462E;
	color: #FFF;
	text-align: center;
	padding: 6px;
}
#mes h4{
	color: #FFF;
}
#mes .btnLeft, #mes .btnRight{
	width: 22px; height: 19px;
	padding-top: 2px;
	color: #4C462E;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: block;
	background: url(../img/bgBoton6.gif) no-repeat;
}
#mes .btnLeft{
	float: left;
	margin-right: 6px;
}
#mes .btnRight{
	float: right;
	margin-left: 6px;
}
#calendario td{
	padding: 6px;
}
#calendario thead{
	background-color: #8C8055;
	color: #EEE9D2;
	font: italic 24px Georgia, "Times New Roman", Times, serif;
}
#calendario tbody{
	background-color: #F8F5ED;
}
#calendario tbody td{
	width: 80px; height: 80px;
	border: 1px solid #F8F5ED;
	font: italic 24px Georgia, "Times New Roman", Times, serif;
	color: #8C8055;
	vertical-align: top;
}
#calendario tbody td.dia{
	background-color: #EFE9D3;
}
#calendario tbody td.diaactivo{
	background-color: #dcd6c5;
}
#calendario tbody a{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* calendario */

#addfavoritos{
	float: right;
	width: 70px;
	text-align: right;
	font-size: 11px;
}

#loteMediaFotos,
#loteMediaVideos,
#loteMediaDocumentos{
	padding: 6px 12px 6px 12px;
	height: 35px;
}
#loteMediaFotos h4,
#loteMediaVideos h4,
#loteMediaDocumentos h4{
	color: #FFF;
	float: left;
	width: 130px;
	padding-top: 6px;
}
#loteMediaFotos .galeria,
#loteMediaVideos .galeria,
#loteMediaDocumentos .galeria{
	float: right;
	width: 210px;
	text-align: right;
}
#loteMediaFotos{
	background-color: #B2A26C;
}
#loteMediaVideos{
	background-color: #CCBA7B;
}
#loteMediaDocumentos{
	background-color: #DDCB8E;
}
.inputOferta{
	font-size: 20px;
	padding: 6px;
	width: 188px;
}

/* Tooltip */
#tooltip {
	position:absolute;
	z-index:9999;
	color:#FFF;
	background-color: #000;
	font-size:12px;
	width:180px;
	padding: 10px;	
}
/* Tooltip */


/* ############################################################*/
/* ####################  ESTILOS CUERPO  ##################### */
/* ############################################################*/

/* ############################################################*/
/* ####################  ESTILOS BOTTOM   ##################### */
/* ############################################################*/
#wrapper_bottom{
	clear: both;
	text-align: center;
	background-color: #4C462E;
}
#wrapper_bottom #bottom{
	text-align: left;
	margin: auto;
	width: 925px;
	padding: 30px 0;
	color: #8C7F54;
	font-size: 11px;
}
#wrapper_bottom #bottom a:link,
#wrapper_bottom #bottom a:visited{
	color: #8C7F54;
}
#wrapper_bottom #bottom a:hover,
#wrapper_bottom #bottom a:active{
	color: #D9C583;
}

#IDTKNOLOGY{
	float: right;
	text-align: right;
}

/* ############################################################*/
/* ####################  ESTILOS BOTTOM   ##################### */
/* ############################################################*/