html,body{ margin:0px; padding:0px;min-height:100%;}
body{background-position:center bottom;background-repeat:no-repeat;}
* html body{height:100%;}
body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; height:100%;}
div{margin:0px; padding:0px;}
a { text-decoration:none;} 
p{ margin:1px auto 4px auto;}
#todo{ width:980px; margin:auto; height:auto; min-height:580px;}

#cabecera {width:100%;float:left; position:relative;}
#cabecera2 {width:100%; position:relative;}
#cabecera2 .menu {margin:0 auto; text-align:center; height:50px; float:left; position:absolute; top:0;}

/*estilos de menu*/
		.menu ul.m1{margin:0;padding:0;display:block; list-style:none;}
		.menu ul.m1 li{margin:0;padding:0;list-style:none; float:left; border:none; clear:both}
		.menu ul.m1 li a{float:left; height:24px; line-height:18px; padding:0px 5px 0px 5px; margin:0px; font-size:14px; font-weight:bold;}
		.menu ul.m1 li a:hover{}
		.menu ul.m1 li a.current{font-weight:bold;}
/*estilos de submenu*/
		.menu ul.m2{margin:0 0 7px 20px; padding:0; display:block; list-style:none;}
		.menu ul.m2 li{margin:0;padding:0;display:block; float:left; list-style:none; clear:both}
		.menu ul.m2 li a{float:left; height:16px; padding:0px 5px 0px 5px; margin:2px 0px; font-size:14px; font-weight:normal;}
		.menu ul.m2 li a:hover{}
		.menu ul.m2 li a.current{font-weight:bold;}
		
			
#contenido { clear:both; float:left; width:980px; height:auto !important; height:460px; min-height:460px; background:#0000FF;}
	#contenidoIzq {float:left; width:180px; height:auto; margin:5px 0px 5px 10px; display:inline;}
	#contenidoCentro { float:left; width:760px; height:auto; margin:5px 20px 5px 10px; display:inline;}
		.bloque{ margin:5px 0px; float:left; height:auto; display:inline; width:100%;overflow: visible}
			.bloqueImagen{margin-top:5px; position:relative;}
			.bloqueImagen .ampliar{position:absolute; top:0px !important; top:-1px; left:0px; background:#FFFFFF; margin:2px;}
			.bloqueImagen .ampliar a{ color:#666666; padding-left:15px; background:url(../img/see_more.gif) left bottom no-repeat; margin:2px;}
			.bloqueImagen .ampliar a:hover{text-decoration:none;}
			.bloqueImagen img{border:none;}
			.bloqueImagen .pie{font-size:9px; text-align:left; clear:both; margin:1px 5px; color:#999999}
			a.moreinfo{ padding-left:15px; background:url(../img/see_more.gif) bottom left no-repeat;}
	#contenidoDer {float:left; display:none; visibility:hidden;}
			
#pie { clear:both; float:left; width:980px;display:inline;height:40px;}
	#pie img{border:0; padding:0px; float:right; display:inline; margin:3px 10px 0 0;}
	#pie a{border:0; margin:0; padding:0;}

/*contenedores de maquetacion*/
.fr{float:right; display:inline; margin-left:12px;}
.fl{float:left; display:inline; margin-right:12px;}
.fn,.fn2{margin:auto; text-align:center;}		
.centrada{margin:auto; text-align:center; margin-bottom:15px;}	
.ajuste {clear:both;}

/*estilos de vinculo*/
a.extlink{ padding-left:15px; background:url(../img/enlace.gif) bottom left no-repeat; margin:4px 2px;}
a.document{ padding-left:15px; background:url(../img/documento.gif) bottom left no-repeat; margin:4px 2px;}

/*formulario de contacto*/
/*form.contacto{width:80%; max-width:500px; height:auto !important; min-height:320px; height:320px; margin:auto; text-align:center; border:1px solid #CCCCCC; padding-top:10px;}
form.contacto legend{color:#000000; font-size:14px; margin:4px; font-weight:bold;}
form.contacto fieldset{padding-bottom:5px;border:none;}
form.contacto label{ float:left; width:80%; clear:both; text-align:justify; margin:4px 10px 0px 20px; padding:0; display:inline; line-height:1.8em;color:#000000; font-weight:normal;}
form.contacto input{ float:left;width:70%; padding:1px 0 0 2px; height:20px; margin:1px 10px 4px 20px; border:1px solid #CCC; background:none;}
	form.contacto input.boton{float:none;width:70px; padding:0; margin:7px auto; background:url(../img/enviar_btn.jpg); border:none;}
	form.contacto input.checkform{ float:none; width:auto; border:none; margin:0px 0px 0 5px; padding:0; height:13px; background:none;}
form.contacto textarea{float:left; width:70%; height:100px; padding:0; margin:1px 10px 4px 20px; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCC; background:#FFFFFF; font-size:11px;}
form.contacto input.opt_check{float:left; width:10px; background:#000000;}
form.contacto label.opt{float:left; width:120px; clear:none;}
form.contacto input.check{ clear:both;width:auto; border:none; margin:2px 5px 0 10px; background:none;}
form.contacto label.check_label{ clear:none; width:325px; height:50px; overflow:auto; line-height:1.5em; font-size:10px; color:#333333; font-weight:normal; margin:2px; text-align:justify;}

form.contacto .codigo{float:none; width:250px; margin:10px auto; border:1px solid #CCC; padding:5px;}
			  .codigo p{float:left;color:#999999; font-size:10px; margin:2px 0; padding:0;}
			  .codigo img{margin:0;}
			  .codigo a{ font-size:10px; color:#333333; text-decoration:none; clear:both;}
			  .codigo label{ float:left; clear:none; width:40px !important; margin:7px 2px 0 10px !important;}
			  .codigo input{width:60px !important; margin:5px 2px 0 8px !important; clear:none;}*/
/*formulario de contacto*/
form.contacto{width:80%; max-width:450px; height:auto !important; min-height:320px; height:320px; margin:auto; text-align:center; border:1px solid #CCCCCC; padding-top:10px;border-radius: 12px; background:#FFF}
form.contacto legend{color:#000000; font-size:14px; margin:4px 0; font-weight:bold;}
form.contacto fieldset{padding:6px 15px 5px 25px;border:none;}
	
	form.contacto input,form.contacto label,form.contacto textarea,form.contacto select{float:left; width:100%; clear:both; text-align:justify; color:#000; font-weight:normal;margin:0; padding:0;}
	form.contacto label{display:inline; line-height:1.4em;}
	form.contacto input{height:20px; border:1px solid #CCC;}
	form.contacto textarea{height:100px; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCC; background:#FFFFFF;}
	form.contacto input.boton{float:none;width:auto; padding:2px 7px; margin:7px auto; border:1px solid #CCC; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background:#CCC; height:auto; color:#888; font-size:14px; font-weight:bold; cursor:pointer}
	form.contacto input.boton:hover{ background:#666; color:#FFF;}
	form.contacto input.checkform{ float:none; width:auto; border:none; margin:0px 0px 0 5px; padding:0; height:13px; background:none;}

form.contacto input.opt_check{float:left; width:10px; background:#000000;}
form.contacto label.opt{float:left; width:120px; clear:none;}
form.contacto input.check{ clear:both;width:auto; border:none; margin:2px 5px 0 10px; background:none;}
form.contacto label.check_label{clear:none; width:325px; height:50px; overflow:auto; line-height:1.5em; font-size:10px; color:#333333; font-weight:normal; margin:2px; text-align:justify;}
form.contacto label a{color:#666;}
form.contacto .codigo{float:none; width:250px; margin:10px auto; border:1px solid #CCC; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background:#fff; padding:5px;}
			  .codigo p{float:left;color:#999999; font-size:10px; margin:2px 0; padding:0;}
			  .codigo img{margin:0;}
			  .codigo a{ font-size:10px; color:#333333; text-decoration:none; clear:both;}
			  form.contacto .codigo label{ float:left; clear:none; font-size:12px; color:#888; width:50px; line-height:30px;}
			  form.contacto .codigo input{width:60px; margin:5px 2px 0 0; clear:none;}
.campoform1,.campoform0{ padding:0 10px 0 0; float:left; display:inline-block; margin-top: 7px;}
.campoform1{clear:both; width:97%;}
.campoform0{width:47%;}

.campoform0 p,.campoform1 p{margin:2px 0; padding:0; text-align:left;}

/*calendario fecha blogs*/
.calendario{width:40px; height:41px; float:left; display:inline; margin:0px 5px; padding:1px;}
	.calendario p.mes{ color:#FFFFFF; font-size:10px; font-weight:bold; margin:0px; padding:0px; text-align:center;}
	.calendario p.dia{ color:#666666; font-size:13px; font-weight:bold; margin:0px; padding:0px; text-align:center;}
	.calendario p.ano{ color:#000000; font-size:8px; margin:0px; padding:0px; text-align:center;}
/*comentarios*/
.autor{margin-top:5px;}
.calloutUp{ height: 0; width: 0; border-bottom: 12px solid; border-left: 12px dashed transparent; border-right: 12px dashed transparent; left: 0px; top: 0px; margin-left: 20px; z-index: 10;}
.calloutUp2{ position: relative; left: -10px; top: 2px; height: 0; width: 0; border-bottom: 10px solid; border-left: 10px dotted transparent; border-right: 10px dotted transparent; z-index: 11;}
.comentario,.comentarioAdmin{ border: solid 1px; position: relative; top: -1px; z-index: 9; width: 550px; padding: 4px; }
.comentarios{padding: 8px; text-align:justify;}

/*mensajes de aviso*/
.aviso{ margin-top:5px; height:20px; background:#FFFF99; border:1px dotted #FF9933; width:60%; line-height:20px; font-weight:bold; padding-left:24px;}
.error{ margin-top:5px; height:20px; background:#FF0033; border:1px dotted #CCFF00; width:60%; line-height:20px; font-weight:bold; color:#FFFFFF;}

/*redes sociales*/
.redes{ clear:both;margin:3px auto 15px auto; padding-top:19px; background:url(../img/compartir.gif) top center no-repeat; width:156px; height:16px; }
.redes2{ clear:both;margin:3px auto 15px auto; padding-top:19px; background:url(../img/compartir.gif) top center no-repeat; width:500px; height:auto; }

	.redes a,.redes2 a{border:0;}


#pie{ color:#FFFFFF;}

/*calendario fecha blogs*/
.calendario{background:url(../img/cal_azul.jpg);}
/*comentarios*/
.numComentarios{color:#666666; font-size:9px; padding:0px 0px 0px 18px; height:16px; width:25px; line-height:18px; background:url(../img/comentarios.gif) center left no-repeat; margin:6px 0px 0px 2px; float:left; display:inline;}
.autor strong{color:#000099;}
.calloutUp{border-bottom-color:#ffffff;}
.calloutUp2{border-bottom-color:#FFCCFF;}
.comentario{background-color: #FFCCFF; border-color:#ffffff;}
.comentarioAdmin{background-color: #ffffff; border-color:#FF66FF;}

/*color columna derecha*/
#contenidoDer h2,#contenidoDer h3{ color:#FFFFFF;}
#contenidoDer .bloqueC ul li a{color:#FFFFFF;}