html { height: 100%; }
body{
	font-family: arial,Lucida Grande,Bitstream Vera Sans,verdana,sans-serif;
	font-size: 14px;
	margin:0px;
	padding:0px;
	color:#333;
	background: #eee;
	height:100%;
}
h1 { font-size:24px; margin:0 0 3px; padding:0;}
h2 { font-size:18px; margin:0; padding:0;} 
h4 { font-size:18px; margin:0; padding:0; line-height: 42px;} 
p { margin:0; padding:0;}
ol { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0;}
a { text-decoration: none; color: #398426; cursor: pointer; }
a:hover { text-decoration:none; }
img { vertical-align: text-bottom; border: 0; } 
.link { text-decoration: underline; }

.pagina {
	text-align: left;
	margin:0 auto;
	background: #eee;
	height:100%;
}
#header{
	height: 44px;
	background: #0099FF;
	color:#fff;
	border-bottom:2px solid #0088e2;
}
#header .contenedor { max-width: 796px; margin: 0 auto; }
#header .page_title{
	font-size: 18px;
	float: left;
	padding: 12px 8px 10px;
	cursor: pointer;
	min-width: 150px;
}
#header .page_options{
	text-align: right; 
	font-size: 18px;
	float: right;
	padding: 12px 8px 10px;
	cursor: pointer;
	min-width: 100px;
}

#header .write_btn { margin:0 auto; width:130px; text-align:center; padding-top:8px;}
#header .secciones_btn{
	position:absolute;
	top: 0;
	right: 0;
	padding: 12px 8px 10px;
	font-size: 18px;
	cursor: pointer;
}
#contenido {
	height: 100%;
} 

@media all and (min-width: 800px) {/*PC*/
	#sitios, #page_options { display: none; margin: 0 auto; max-width: 796px;}
	#sitios .back, #page_options .back { position: absolute; width: 100%; top: 46px; bottom: 0; left: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 1001; }
	#sitios .box, #page_options .box { background: none repeat scroll 0 0 #FFFFFF; position: absolute; top:46px; z-index: 1001; width: 200px; z-index: 1002; border-radius: 0 0 3px 3px; }
	#sitios li , #page_options li{ border-top: 1px solid #DDDDDD; }
	#sitios li span, #page_options li span { color: #fff; background:#0099FF; border-radius: 3px; padding: 1px 2px; font-size: 12px; position: relative; top: -2px; }
	#sitios li:first-child, #page_options li: first-child{ border-top: 0; }
	#page_options .box { margin-left: -200px; }
}



@media all and (max-width: 800px) {/*Cel*/
	#sitios, #page_options { display:none; }
	#sitios .back, #page_options .back { position: absolute; width: 100%; top: 46px; bottom: 0; left: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 1001; }
	#sitios .box , #page_options .box{ box-shadow: 5px 5px 5px 0 #444; position:absolute; width:80%; top:46px; bottom:0; background:#fff; z-index: 1001; }
	#sitios li , #page_options li{ border-bottom: 1px solid #DDDDDD; font-size: 14px; }
	#sitios li span , #page_options li span{ color: #fff; background:#0099FF; border-radius: 3px; padding: 2px 3px; font-size: 12px; position: relative; top: -3px; }
	#sitios .box { left: 0 ;}
	#page_options .box { right: 0; }
}
#sitios a, #page_options a  { color: #333; display: block; padding: 10px; }


@media all and (min-width: 800px) {
	#header .secciones_btn{ display: none };
	#secciones { float: left; }
	#secciones .back { display: none; }
	#secciones .box { }
	#secciones ol { }
	#secciones li { float: left; }
	#secciones li:hover { color: #fff; }
	#secciones li span { color: #0099FF; background:#fff; border-radius: 2px; padding: 0 2px; font-size: 10px; position: relative; top: -2px; }
	#secciones .selected { border-bottom: 4px solid #fff; color: #fff; }
	#secciones a { color: #eee; display: block; padding: 13px 12px 12px; }
	#secciones .selected a { color: #fff; }
}
@media all and (max-width: 800px) {
	#secciones { display:none; }
	#secciones .back { position: absolute; width: 100%; top: 46px; bottom: 0; left: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 1000; }
	#secciones .box { box-shadow: -5px 5px 5px 0 #444; position: absolute; right: 0px; width: 80%; top: 46px; bottom: 0; background: #fff; z-index: 1000; }
	#secciones li { border-bottom: 1px solid #DDDDDD; font-size: 18px; text-align: right; background:#fff; color: #333; }
	#secciones li span { color: #fff; background:#0099FF; border-radius: 3px; padding: 2px 3px; font-size: 12px; position: relative; top: -3px; }
	#secciones a { color: #333; display: block; padding: 12px 8px; }
}

.bloque { border: 1px solid #ccc; border-radius: 3px; background: #fff; margin-bottom: 20px; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.bloque .titulo { padding: 10px; border-radius: 3px 3px 0 0; background: #f4f5f6; color: #6A7480; font-weight: 700; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset; }
.bloque .subtitulo { font-weight:bold; font-size: 11px; background: #fafafa; color: #666; }
.bloque .contenedor { padding: 7px; }
.bloque .elemento { border-top: 1px solid #e0e0e0; padding:7px; }
.bloque .elemento input[type='text'] { border: 1px solid #ddd; }
.bloque .seleccionado, .bloque .seleccionado a, .bloque .seleccionado span { background: #85cb52 ; color: #fff; }
.bloque .titulo input[type='text'], .bloque .subtitulo input[type='text'] { border: 1px solid #ccc; padding: 3px; }

.login { position: absolute; width: 190px; height: 180px; top: 0; left:0; right:0; bottom: 0; margin: auto; text-align: center;}
.login input { font-size: 20px; width: 150px;}

.btn_green { cursor: pointer; background: #E0E0E0; padding: 17px 10px; border: 1px solid #85cb52; border-radius: 3px; text-align: center; }
.btn_green:hover { background: #85cb52; }
.btn_red{ cursor: pointer; background: #ffdada; padding: 17px 10px; border: 1px solid #eb9090; border-radius: 3px; text-align: center; }
.btn_red:hover { background: #eb9090; }
.btn_yellow { cursor: pointer; background: #FFFF00; padding: 12px 10px; border: 1px solid #DDDD00; border-radius: 3px; }
.btn_yellow:hover {	background: #DDDD00; }
.small{	padding: 5px 10px; }
.short{	display: inline-block; }
.btn{
	background-color: #EEEEEE;
	background: linear-gradient(#FFFFFF, #EEEEEE);
    background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -o-linear-gradient(#FFFFFF, #EEEEEE);
    border: 1px solid #CDCDCD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #3B65A7;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 3px 16px;
    text-align: center;
    vertical-align: middle;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

.btn-red {
	background-color: #EA050B;
    background: -webkit-linear-gradient(#EA050B, #C41200);
	background: -moz-linear-gradient(#EA050B, #C41200);
	background: -o-linear-gradient(#EA050B, #C41200);
	background: linear-gradient(#EA050B, #C41200); 
    border: 1px solid #A50508;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px #B80806;
}
.btn-blue {
	background-color: #0099FF;
    background: -webkit-linear-gradient(#0099FF, #0066dd);
	background: -moz-linear-gradient(#0099FF, #0066dd);
	background: -o-linear-gradient(#0099FF, #0066dd);
	background: linear-gradient(#0099FF, #0066dd); 
    border: 1px solid #0066dd;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px #0066dd;
}
.btn-green {
	background-color: #66cc00;
    background: -webkit-linear-gradient(#66cc00, #33aa00);
	background: -moz-linear-gradient(#66cc00, #33aa00);
	background: -o-linear-gradient(#66cc00, #33aa00);
	background: linear-gradient(#66cc00, #33aa00); 
    border: 1px solid #66cc00;
    color: #FFFFFF;
    text-shadow: 0 -1px 1px #33aa00;
}
.btn-yellow {
	background-color: #ffff00;
    background: -webkit-linear-gradient(#ffff00, #bbbb00);
	background: -moz-linear-gradient(#ffff00, #bbbb00);
	background: -o-linear-gradient(#ffff00, #bbbb00);
	background: linear-gradient(#ffff00, #bbbb00); 
    border: 1px solid #cccc00;
    color: #fff;
    text-shadow:0 -1px 1px #bbbb00;
}
.btn-gray {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
}
.btn-small{	font-size: 11px; line-height: 15px; padding: 2px 12px; }
.btn-big{ padding: 15px 20px; }
.compacto { display: table; } 
.centrado { margin: 0 auto; }

.desactivado {
   pointer-events: none;
   cursor: default;
}

#footer { background: #eee;	color: #333; clear: both; max-width: 780px; margin: 0 auto 5px; padding: 0 8px; }