/* *********************************************** */
/* *       CMS - COPYRIGHT ACTIVAUY - V 0.1      * */
/* *********************************************** */
@charset "utf-8";
/* CSS Document */

body {
	background:#333399;
  	margin: 10px 0 ;
}
form {margin: 0;}

.clear { clear: both; height: 0;}

#cabecera { background: #000066; }
#cabecera .cont { max-width: 1300px; margin: 0 auto; }

#contenedor { max-width: 1300px; margin: 0 auto;  }

.publi_top_izquierda {
  float: left; 
  margin:25px 5px 10px 25px;
  width: 730px;
  min-height: 190px;
}
.publi_top_derecha {
  float: left;
  margin:25px 0 10px 5px;
  max-width: 495px;
  min-height: 190px;
}

#contenido {
	min-height: 500px;
	font-family: Verdana, Geneva, sans-serif;
  	float: left;
  	width: 850px;
  	margin-left:25px; 
  	padding: 35px 25px;
  	background-color: #FFFFFF;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
}
.link_indice{ 	
	font-weight: bold;
	margin: -20px 0 20px 0;
	font-size: 14px;
}
.link_indice a{ text-decoration: none;}
#titulo { text-align: center; margin: 0 10% 15px 10%; }
#titulo h1{
	color: #000000;
	font-size: 36px;
	text-shadow: 1px 1px 2px #666666;
}
#media { 
	text-align: center;
}
#media img{ 
	box-shadow: 0px 0px 10px #666666;
	border: 4px solid #FFFFFF;
}
#texto { margin:35px 15px 25px 10px; }
#texto img{
	margin:10px;
	box-shadow: 0px 0px 5px #666666;
	border: 2px solid #FFFFFF;
}
.hr{ text-align:center; margin-top:50px;}
#tags { 
	margin: 50px 0px -30px 10px;
	font-size: 12px;
	padding: 3px 0;
	color:#999999;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#tags a{ text-decoration: none; color: #006DD9 }
#tags a:hover{ text-decoration: underline; }

.tit_comentarios{
	margin: 50px 0 20px 10px; 
	padding: 5px 0 7px 0;
	font-weight: bold;
}
.tit_comentarios span{
	font-size: 18px;
}
.comentario{
	border-top: 1px solid #DDDDDD;
	margin:0px 25px 0 10px;
	position: relative;
	padding: 10px 5px 10px 10px;
}
.comentario:hover{
	background: #F2F2F2;
}
.avatar {
	position:absolute;
	top:15px;
	bottom:0px;
	width: 40px;
}
.right_coment {
	float: left;
	margin: 0 0 0 50px;
}
.nombre {
	font-size: 13px;
	font-style: italic;
	font-weight:bold;
	margin-top:5px;
	color: #999999;
}
.nombre span{
	font-weight:bold;
	color: #333333;
}
.texto_coment{
	float: left;
	margin:12px 20px 10px 0px;
}
.califica{
	clear: both;
	float: left;
	margin:10px 0;
}
.califica span {
	font-size: 12px;
	color: #999999;
}
.opcion {
	width:50px;
	float:left;
}
.bien, .mal {
	font-size: 12px;
	font-weight:bold;
	border: none;
	height: 21px;
	padding: 0 0 0 18px;
	margin-right: 10px;
	margin-top:3px;
	cursor: pointer;
}	
.bien {
	background: url(editor/img/bien.png) 0px 0px no-repeat;
    color: green;
}
.mal { 
    background: url(editor/img/mal.png) 0px 2px no-repeat; 
	color : red;
}
.alert_success{ font-weight: bold; padding: 4px; color: #1A6600;}
.alert_error{ font-weight: bold; padding: 4px; color: #FF0000}

.publi_lateral {
  float: left;
  width: 170px;
  margin-left: 30px;
}

.tit_form{
	margin: 40px 0 0 0; 
	padding: 5px 0 7px 0;
	font-weight: bold;
}

#form_comentario {
	margin: 20px;
	
}

#form_comentario label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#form_comentario .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#form_comentario input, #form_comentario textarea{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	float:left;
	padding:7px;
	border:solid 1px #aacfe4;
	width:380px;
	margin:0px 0 20px 10px;
}
#form_comentario .suma{
	font-size: 13px;
	width: 30px;
	text-align: center;
	font-weight: bold;
}
#form_comentario .btn{
	clear:both;
	margin-left:150px;
	width:150px;
	height:31px;
	background:#666666;
	text-align:center;
	line-height:15px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border: none;
}
#form_comentario .btn:hover{
	background: #333333;
	cursor:pointer;
}

#pie{
	width:96%;
	height: 50px;
	background: #FFFFFF;
	margin: 20px 2% 40px 2%;	
  	border-radius: 3px;
  	padding-top: 20px;
  	text-align: center;
  	clear: both;
}


/*admin contenedor principal*/
#admin{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	width: 96%;
	min-height: 500px;
	margin: 20px auto;
	border: 1px solid #333;
	border-radius: 5px;
	background: #FFFFFF;
}
#admin a{ text-decoration: none; color: #0000FF;}
#admin a:hover{ color: #FF0000;}

.col_izq{
	float: left;
	width: 25%;
	margin:1% 2% 2% 0;
	padding: 1%;
	border-right: 1px solid #333;
}
.col_der{
	float: left;
	width: 65%;
	margin:1% 0 2% 2%;
	padding: 1%;
}
#admin h1 { font-size: 22px; }
#admin h2 { font-size: 18px; }
#admin h1, #admin h2 { margin: 5px; }

#admin .col_der .data {
	/*position: relative;	*/
}

.caja_input {
	margin: 0 0 15px 0;
}
.caja_input span { font-size: 12px; display: block; margin: 2px 0; font-weight: bold; color: #666666;}


/*banners*/
#muestraImgBann{
	display: none;
	position: fixed;
	right: 20px;
	top: 40px;
	z-index: 100;
	overflow: scroll;
	max-height: 500px;
	width: 640px;
	text-align: center;
	background: #CCCCCC;
	border: #999999 1px solid;
	padding: 3px 0;
}
#ocultaImgBann{
	text-align: center;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
	color: #0000FF;
	background: #FFFFFF;
}
#ocultaImgBann:hover{
	color: #FF0000;
}




@media (max-width: 1024px) {
	.publi_top_izquierda, .publi_top_derecha {
		float: none;
		margin:10px auto;
	}
	#contenedor { 
		width: 94%;
		margin: 2% 0; 
	}
	#contenido {
		float: none;
		width: 97%;
		margin: 0 2%;
	}
	.publi_lateral{
		display: none;
	}
}

#iframe_img{
	width: 700px;
	height: 420px;
	border: 1px solid #999999;
	padding: 10px 0;
}