/*
azul sereno: #945400
azul fuerte: #A13E00
azul clarito: #FFFFFF
marron clarito: #E6D3A8
naranjita: #FACC61
naranja clarito: #FFEFA6
Rojo: #F75959
Verde: #82ba68
Fondo pagina: #362300
Fondo contenido: transparent
*/

body{
	background: #362300;
}

h1 {
/* 	color: white; */
}
h2 {
	font-size: 11pt;
	color: black;
}
h3 {
	color: #945400;
}
a {
	text-decoration: none;
}


#content {
	
}

#content a{
	color: #A13E00;
}

#pagina a:hover{
	cursor: pointer;
	color: black;
}

img {
	-ms-interpolation-mode: bicubic;
}

.loader img{
	background: white url(/images/loader-img.gif) no-repeat 50% 50%;
}

.loading_bg{
	background: transparent url(/images/loader-img.gif) no-repeat 50% 50%;
}

.bmark {
	font-size: 9pt;
	color: white;
	font-weight: bold;
}


.middler{
	width: 770px;
	position: relative;
	left: -10px;
	float: none;
	padding: 2px;
	text-align: center;
}
.lefter{
	width: 380px;
	float: left;
	padding: 2px;
	text-align: center;
}
.righter{
	float: left;
	padding: 2px;
	text-align: center;
	width: 370px;
}

.tabla_recientes {
	width: 346px;
	margin-top: 25px;
	font-size: 8pt;
}

/* mini imagenes de logo de crew */
.crewlogo{
	width: 15px;
	height: 15px;
}
/*.readmore a{
	font-size: 9pt;
	margin: 1px;
	padding: 6px 2px 6px 20px;
	height: 20px;
	vertical-align: middle;
	background: url(/images/iconos/iconos_15/lupa.png) no-repeat center left;
}
.readmore a:hover{
	background: url(/images/iconos/iconos_15/lupa2.png) no-repeat center left;
	font-weight: bold;
}*/

/* ################################################## BUTTONS botones ################################################# */

.rapinbutton{
	background: #945400;
	font-weight: bold;
	color: white;
	border: 1px solid #FFFFFF;
	text-align: left;
}
.rapinbutton:hover{
	background: #FFFFFF;
	color: black;
	border: 1px solid #945400;
	cursor: pointer;
}
.rapinbutton:active{
	background: #FACC61;
/* 	color: black; */
}

.readmore{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/lupa0.png) no-repeat 2px center;
}
.readmore:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/lupa2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

._mensaje{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/sobre0.png) no-repeat 2px center;
}
._mensaje:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/sobre2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

._mas{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/mas0.png) no-repeat 2px center;
}
._mas:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/mas2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

._favorito{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/favoritos0.png) no-repeat 2px center;
}
._favorito:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/favoritos2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

._folio{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/folio0.png) no-repeat 2px center;
}
._folio:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/folio2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

._chat{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/chat.png) no-repeat 2px center;
}
._chat:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/chat.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}


._cruz{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/cerrar0.png) no-repeat 2px center;
}
._cruz:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/cerrar2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

._descarga{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/descargar0.png) no-repeat 2px center;
}
._descarga:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/descargar2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}
._play{
	padding-left: 20px;
	background: #945400 url(/images/iconos/iconos_15/play0.png) no-repeat 2px center;
}
._play:hover{
/* 	background: #FFFFFF url(/images/iconos/iconos_15/descargar2.png) no-repeat 2px center; */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}
._calendar {
    width: 18px;
    height: 16px;
    background: url(/images/iconos/iconos_15/calendar.png) no-repeat scroll center center transparent;
}

/* buttons */
.rapinbutton-short{
	background-color: #945400;
/*	font-weight: bold;
	color: white;
	text-align: left;
	padding: 1px 1px 1px 12px;*/
/* 	width: 20px; */
	border: 1px solid #FFFFFF;
	height: 20px;
}
.rapinbutton-short:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}

.submitbutton{
	background: #945400;
	font-weight: bold;
	color: white;
	border: 1px solid #FFFFFF;
	text-align: left;
}
.submitbutton:hover{
	background: #FFFFFF;
	color: black;
	border: 1px solid #945400;
	cursor: pointer;
}
.submitbutton:active{
	background: #FACC61;
/* 	color: black; */
}

.simplebutton {
/* 	display: block; */
	padding:0px 3px 3px 3px;
	margin:3px;
	width: 223px;
	height: 25px;
	color:#FFFFFF;
	background: url(images/botton.png) no-repeat;
	border: 0;
	color: black;
	font-weight: bold;
	cursor: pointer;
}

#megaventana {
	display: none;
}
.megaventana-loading {
    width: 400px;
    height: 300px;
    background: transparent url(/images/loader-img.gif) no-repeat 50% 50%;
}

.text_field_big {
	border: 4px solid black;
	background: white;
	color: black;
	width: 450px;
	text-align: center;
/* 	font-family: Times new roman; */
}
.text_field_big:focus{
	background: #E6F2FC;
}
.text_field_big:hover{
	border: 4px solid #E6F2FC;
}
.text_field {
	border: 1px solid gray;
	background: white;
	color: black;
	width: 350px;
/* 	font-weight: bold; */
/* 	text-align: center; */
/* 	font-family: Times new roman; */
}
.text_field:focus{
	background: #E6F2FC;
}
.text_field:hover{
	border: 1px solid #E6F2FC;
	background: #E6F2FC;
}
.text_field_sub {
	border: 1px solid gray;
	background: white;
	color: black;
	width: 250px;
	font-weight: bold;
}
.text_field_sub:focus{
	background: #E6F2FC;
}
.text_field_sub:hover{
	border: 1px solid #E6F2FC;
}
#notificaciones .titulonotis{
	background: black;
	padding: 1px;
	text-align: left;
	padding-left: 9px;
	color: white;
}
#notificaciones .titulonotis2{
	background: black;
	color: white;
	text-align: right;
	padding: 1px;
}
.cropped {
	overflow: hidden;
	height: 80px;
}
/*.cropped .inn{
	position: relative;
}*/
.topcoment {
	background: url(images/comentstop.png) no-repeat bottom;
	height: 30px;
	margin-bottom: 0px;
	padding-left: 30px;
}
.centercoment {
	margin-left: 1px;
	background: url(images/comentscenter.png) repeat-y;
}
.bottomcoment {
	background: url(images/comentsbottom.png) no-repeat top;
}
.lista {
	 padding: 0px 20px;
/* 	background: black; */
}
/*.select_style {
	border: 1px solid gray;
	background: white;
	color: black;
}*/
.select_style{
	border: 1px solid gray;
	background: white;
}
.select_style:focus{
	background: #E6F2FC;
}
.select_style:hover{
	border: 1px solid #E6F2FC;
	background: #E6F2FC;
}

.minicenterhead2{
	background: url(images/minicenter2.jpeg) repeat-y center;
	font-size: 9pt;
}
.minibottom2{
	width: 100%;
	padding: 2px;
	background: url(images/minibottom2.png) no-repeat bottom;
	height: 20px;
	padding-left: 25px;
}
.headerforo{
	padding:0px 4px 3px 4px;
	width: 75px;
	height: 25px;
	color:#FFFFFF;
	background: url(images/bottona.png) no-repeat;
	border: 0;
	color: black;
	font-weight: bold;
	cursor: pointer;
}
.headerforo:active{
	background: url(images/bottona2.png) no-repeat;
	color: white;
}
.postbottom {
	padding: 25px 0px 25px 10px;
}
.postbottom a{
	margin-left: 15px;
	padding-left: 20px;
	border-left: 3px solid black;
}
.borderbottom_td {
	border-width: 2px 0px;
	border-color: white;
	border-style:dotted;
	padding: 6px;
}

.borderbottom_td0 {
	border-width: 2px 0px 2px 2px;
	border-color: white;
	border-style:dotted;
	padding: 6px;
}

.borderbottom_td1 {
	border-width: 2px 2px 2px 0px;
	border-color: white;
	border-style:dotted;
	padding: 6px;
}
.pagenav{
	padding: 20px;
}
form{
	margin: 0;
	padding: 0;
}
.presupuesto {
/* 	border: 1px solid black; */
}
.presupuesto td{
	border: 1px solid black;
	padding: 5px;
	font-size: 10pt;
}
.presupuesto th{
	border: 1px solid black;
	padding: 15px;
	font-weight: bold;
}
.lista_ {
	width: 900px;
}
.lista_ th{
	border: 2px solid black;
	padding: 4px;
}
.lista_ td{
	border: 1px dotted white;
	vertical-align: top;
	padding: 4px;
}

.highlight {
	color: white;
}
.tabla_conf_notis th {
	border: 1px solid black;
	padding: 3px;
}
.tabla_conf_notis {
/* 	border: 1px solid black; */
	text-align: center;
}

.cursor_move {
	cursor: move;
	-moz-user-select: none;
}

.prohibited_link{
	color: red;
}

.textlink:a {
	color: white;
}

.module {
	position: relative;
    background: white;
	
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid gray;
	padding: 12px;
}

.moduletab{
	float:left;
	padding: 5px 10px;
	border-width: 0px 1px 1px 0px;
	border-color: gray;
	border-style: solid;
	background: #FFFFFF;
	cursor: pointer;
/*	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottomright: 4px;
	-webkit-border-radius-bottomleft: 4px;
	-ms-border-radius-bottomright: 4px;
	-ms-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;*/
}

.moretab {
	float:right;
	border-width: 0px 0px 1px 1px;
	padding-left: 25px;
	background: transparent url(/images/iconos/iconos_15/mas0.png) no-repeat 2px center;
	width: 35px;
}

.moretab .moretab_container {
	padding: 5px;
	background: #FFFFFF;
	position: absolute;
	right: 0px;
	display: none;
	border-width: 0px 0px 1px 1px;
	border-color: gray;
	border-style: solid;
}

.moretab .moretab_container .moduletab {
	clear: both;
	width: auto;
	border: 0px;
	width: 30px;
	padding: 5px 15px;
}

.moretab:hover .moretab_container{
	display: inline;
}

.moduletitle {
	background: #945400;
	padding: 5px;
	color: white;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom: 10px;
}

.first{
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-ms-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.selected {
	cursor: default;
	border-bottom: 0px;
	background: transparent;
}

.cuadrado {
	position: relative;
	border: 2px solid #945400;
	background: #FFFFFF;
}
.cuadradotitle{
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #945400;
	background: #945400;
	color: white;
	padding: 3px;
}
.cuadrado .titulo {
/* 	position: absolute; */
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #945400;
	background: #945400;
	color: white;
}

.maketa_top_item:hover{
	background: #FFE3A3;
	cursor: pointer;
}

.material_item:hover{
	background: #FFE3A3;
	cursor: pointer;
}

/*.maketa_top_item */.selected_material_item{
	background: #FFEFA6;
}

.selected_in:hover{
	background: #FFE3A3;
}

/* ############################## Modulos nuevos #######################   */
.silent_module {
    position: relative;
}
.silent_module .title {
    border-bottom: 2px solid black;
    clear: both;
    color: black;
    font-size: 14pt;
    font-weight: bold;
    height: 15px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: right;
}
.silent_module .title_2 {
    background: #FFFFFF;
    font-weight: bold;
    color: black;
    padding: 3px;
    border-top: 1px solid #A13E00;
    margin-bottom: 5px;
}
.silent_module .right_link {
    float: right;
    clear: right;
    height: 16px;
    margin: 2px;
    font-size: 10px;
}


/* ##############################   Mini Coment   #######################   */

.mini_comment {
	
	font-size: 7pt;
}

.Tcont{
	width: 210px;
	height: 40px;
	color: gray;
}

.mini_date{
	padding: 0px 10px;
	clear: both;
}

.textareaCont{
	float: left;
	clear: left;
	display: none;
    background: #E6D3A8;
	margin: 1px 0px;
	padding: 3px;
	width: 285px;
}

.minimini {
	background: #E6D3A8;
	margin: 1px 0px;
	float: left;
	clear: left;
	padding: 3px;
	width: 285px;
}

.treinta {
	width: 30px;
	height: 30px;
}
/*############################################### COMENTARIOS ################################################*/
.comentario{
	vertical-align: middle;
	margin: 10px 0px;
}
.comentario .gray_line{
	border-top: 1px solid #EEEEEE;
	width: 90%;
	height: 15px;
}
.comentario .container_image{
	float: left;
	margin: 4px;
	clear: left;
	text-align: center;
}
.comentario .user_title{
	color: #A13E00;
	font-size: 7pt;
	font-weight: bold;
}
.comentario .container_data{
	float: left;
	display: table-cell;
	width: 75%;
	margin: 10px;
}
.comentario .container_data .user_name{
	float: left;
	font-weight: bold;
	color: #A13E00;
	padding-right: 5px;
}

.comentario .container_data .info{
	float: left;
	clear: left;
	display: table-cell;
	margin: 5px; 
}

/* ################################################## COMENTAR ################################################# */
.comentar {
    background: #E6D3A8;
	padding: 10px;
}

.comentar .container_textarea {
	margin: 5px 0px;
}

.comentar .container_textarea textarea{
	width: 100%;
}

.comentar .container_confirm {
	float: right;
	padding: 5px;
}

.mini_comentarios{
	float: left;
}

.txt_counter{
	float: right;
	background: #945400;
	color: white;
	font-weight: bold;
	font-size: 7pt;
	padding: 2px;
	margin-top: -3px;
/* 	width: 30px; */
/* 	margin-right: -2px; */
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottomright: 3px;
	-webkit-border-radius-bottomleft: 3px;
	-ms-border-radius-bottomright: 3px;
	-ms-border-radius-bottomleft: 3px;
	border-radius-bottomright: 3px;
	border-radius-bottomleft: 3px;
}

.popup{
	position:absolute;
	background-color:white;
	text-align: left;
	color:black;
	visibility:hidden;
	width:170px;
	font-size: 9pt;
	border:solid #A13E00 1px;
	padding: 5px;
	-moz-outline:0;
	outline:0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	z-index: 1000;
}

.popup .crewlogo{
	float: right;
}

.popup .titulo{
	color: #945400;
	font-weight: bold;
	padding-bottom: 5px;
}

.popup .ciudad{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid gray;
}

.popup .option{
	clear: both;
	margin: 2px;
}

.popup .rapinbutton{
	width: 170px;
}

/* flechitas */
.larr,.rarr{
	width: 40px;
	height: 20px;
	cursor: pointer;
}
.larr{
	float: left;
}
.rarr{
	float: right;
}

.edition {

}
.edition .title{
	float: left;
	text-align: right;
	width: 130px;
	padding-right: 5px;
	display: table-cell;
}
.edition .content{
	float: left;
	width: 300px;
}
.edition .content input{
	width: 300px;
}
.edition .content textarea{
	width: 300px;
}
.edition .content .select_style{
	width: 300px;
}

.edition .content .date{
	width: 125px;
}
/*.edition .content textarea:focus{
	height: 250px;
}*/
.explanation{
	color: gray;
	font-size: 8pt;
	width: 270px;
	padding: 5px 5px 10px 5px;
}
.explanation:hover{
	color: black;
}

.errorblock{
	/* display: none; */
	background: #FFE3E9;
	border: 2px dashed red;
	width: 300px;
	margin: 15px;
	padding: 10px;
}
.warningblock{
	display: none;
	background: #FFEFA6;
	border: 2px dashed #FACC61;
	width: 300px;
	margin: 15px;
	padding: 10px;
}

.lista_temas_maqueta{
/* 	overflow: auto; */
/* 	height: 375px; */
}

.lista_temas_maqueta .tema {
	margin-bottom: 3px;
}
.lista_temas_maqueta .tema:hover {
	background: #FACC61;
}
.lista_temas_maqueta .selected {
	background: #FFEFA6;
}

/*############################################### pasos ################################################*/

.pasos{
	background: #FFFFFF;
	height: 50px;
}
.pasos .paso{
	height: 30px;
	width: 120px;
	border-color: white;
	border-width: 0px 2px 0px 0px;
	border-style: solid;
	float: left;
	padding: 10px;
}

.pasos .paso .titulo{
	font-weight: bold;
	font-size: 11pt;
}

.pasos .paso .texto{
	font-size: 8pt;
}

.pasos .selected{
	color: white;
	background: #945400;
}
/*############################################### amigos ################################################*/
.lista_amigos {
}
.lista_amigos .amigo{
	width: 150px;
	height: 155px;
	padding: 10px;
	float: left;
}
.lista_amigos .amigo:hover{
	background: #FFFFFF;
}
.lista_amigos .amigo .titulo {
	color: #A13E00;
	font-weight: bold;
	margin-top: 5px;
}

/*############################################### titulos ################################################*/
.linetitle{
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
	border-bottom: 2px solid #945400;
}

.titlebar{
	padding: 3px;
	background: #FACC61;
	font-size: 13pt;
	font-weight: bold;
	margin: 5px 0px;
}
.titlebar .right_title{
	float: right;
	color: #945400;
}
/*
.amigo{
	height: 120px;
	width: 90px;
	padding: 5px;
	float: left;
}

.friend .container_image{
	height: 90px;
	
}
.friend .friend_title{
	font-size: 7pt;
	font-weight: bold;
}*/

/*############################################### mensajes ################################################*/
.lista_mensajes{
	
}
.lista_mensajes .mensaje{
	border-bottom: 1px solid gray;
/* 	margin-top: 5px; */
	height: 85px;
	padding: 5px 0px;
}
.lista_mensajes .mensaje:hover{
	background: #FACC61;
}
.lista_mensajes .check{
	width: 25px;
	float: left;
}
.lista_mensajes .imagen{
	margin: 4px;
	float: left;
	height: 50px;
	display: table-cell;
	text-align: center;
}
.lista_mensajes .texto{
	float: left;
	text-align: left;
	width: 475px;
}
.lista_mensajes .unread{
	background: #FFEFA6;
}
.lista_mensajes .mini_menu{
	margin: 5px;
	clear: right;
	font-size: 7pt;
}

.margintop_10{
    margin-top: 10px;
}
.margintop_20{
    margin-top: 20px;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.text_center {
    text-align: center;
}
.verde{
	color: #82ba68;
}
.rojo{
	color: #F75959;
}
.clearer{
	clear: both;
}
.lclearer{
	clear: left;
}
.bold{
	font-weight: bold;
}
.azul_sereno{
	background: #945400;
}
.azul_sereno_letra{
	color: #945400;
}
.blanco_letra {
	color: white;
}
/*############################################### Footer ################################################*/
#footer{
/* 	padding-top: 10px; */
	height: 20px;
	padding: 10px;
	border-radius: 10px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
}
#footer a {
	color: #A13E00;
}
#footer a:hover {
	color: black;
}
#footer .footer_line{
	border-top: 1px solid #FFFFFF;
}
#footer .footer_links{
	padding-top: 5px;
	font-size: 7pt;
}