/* reset */
* { margin:0px; padding:0px; outline:0px; font-size:1em; font-weight:normal; font-style:normal; border:0px; text-decoration:none; }
a img { border:0px; }
ul, ol { list-style:none; }
em { font-style:italic; }
body { font-family: Arial; }
/* clear */
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0px; }
.clear { display:inline-block; }
/*  \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* */


/* index */
.index { width:1200px; position:relative; margin:0px auto; }
.index .texto {	padding:50px 0px 0px 50px; width:800px; }
.index .texto p { text-align:left; margin:20px 0px; color:#005789; font-size:14px; line-height:20px; }
.index .texto p a { color:#333333; text-decoration:underline; }
.index .texto em a { font-size:18px; }
.index .texto p a:hover { color:#000000; text-decoration:none; }
.index h1 {	margin-bottom:20px;	font-size:18px;	color:#004065; }
.index .foto { position:absolute;	right:60px; top:120px;	bottom:0px;	background:url(../imgs/foto.gif) right bottom no-repeat; width:276px;	height:469px; }
.index .texto strong { font-weight:bold; }

.index2 { width:1200px; position:relative; margin:0px auto; }
.index2 .texto {	padding:50px 0px 0px 50px; width:800px; }
.index2 .texto p { text-align:left; margin:20px 0px; color:#005789; font-size:14px; line-height:20px; }
.index2 .texto p a { color:#333333; text-decoration:underline; }
.index2 .texto em a { font-size:18px; }
.index2 .texto p a:hover { color:#000000; text-decoration:none; }
.index2 h1 {	margin-bottom:20px;	font-size:18px;	color:#004065; }
.index2 .foto { position:absolute;	right:0px; top:0px;	bottom:0px;	background:url(../imgs/foto.gif) right bottom no-repeat; width:296px;	height:638px; }
.index2 .texto strong { font-weight:bold; }

/* general */
.portada, .textos, .videos { width:980px; margin:0px auto; margin-bottom:20px; margin-top:20px; }
.cabecera { height:140px; background:url(../imgs/logo.gif) left 10px repeat-x; }
.portada, .textos, .videos { font-family:"Trebuchet MS"; }


/* columnas */
.col-izq {	float:left; }
.col-der {	float:right; }
.col-izq a:visited, .col-der a:visited { color:#596f7b; }
.col-izq a:hover, .col-der a:hover { color:#000000; }

/* columnas portada */
.portada .col-izq { width:580px; }
.portada .col-der { width:380px; }
.portada .col-der { padding-top:12px; }


/* columnas textos y videos */
.textos .col-izq, .videos .col-izq { width:200px }
.textos .col-der, .videos .col-der { width:750px; margin-top:47px; }


/* caja borde superior redondeado con gradiente y estilos del contenido */
.caja-grad { background:url(../imgs/caja-grad.gif) left top repeat-x; }
.caja-tl { background:url(../imgs/caja-tl.gif) left top no-repeat; }
.caja-tr { background:url(../imgs/caja-tr.gif) right top no-repeat; padding:25px; position:relative; min-height:205px; }
.caja-tr .foto { float:left; margin-right:10px; }
.caja-tr .caja-texto { float:left; }
.caja-tr .texto { font-family:arial; color:#5a5a5a; font-size:14px; line-height:20px; }
.caja-tr .por { float:right; text-align:right; font-size:14px; color:#666666; margin-top:20px; }
.caja-tr .por p { margin-bottom:5px; }
.caja-tr .por p .fecha { font-size:11px; cursor:default; }
.caja-tr .por .comenta { background:url(../imgs/comenta.gif) left 4px no-repeat; padding-left:25px; }


.caja2-grad { background:url(../imgs/caja2-grad.gif) left top repeat-x; }
.caja2-tl { background:url(../imgs/caja2-tl.gif) left top no-repeat; }
.caja2-tr { background:url(../imgs/caja2-tr.gif) right top no-repeat; padding:25px; position:relative; min-height:205px; }
.caja2-tr p { color:#a65921; font-weight:bold; }


/* hack de min-height para IE */
* html .caja-tr { height:205px; }

.caja-tr a { color:#005789; }
.caja-tr .vota a { font-size:22px; text-decoration:underline; line-height:40px; float:left; margin-right:20px; }
.caja-tr p.urnamano {	float:left; position:absolute; top:-50px; right:10px; }
.caja-tr .unvideo { float:left; width:175px; text-align:center; }
.caja-tr .unvideo img { margin-bottom:5px; }
.caja-tr .unvideo .desc { text-align:left; font-family:arial; font-size:13px; color:#494949; padding-left:14px; }


/* titulos */
/* h1 */
.textos .col-der h1,
.videos .col-der h1 { font-size:26px; color:#005789; margin-bottom:15px; }

/* h2 */
.portada .col-izq h2, .textos .col-izq h2, .videos .col-izq h2 { font-size:30px; color:#005789; margin-left:25px; margin-bottom:10px; cursor:default; }
.portada .col-izq h2.h2 { font-size:22px; }
.portada .col-der h2 { color:#005789; font-size:22px; margin-bottom:10px; margin-left:10px; cursor:default; }

/* h3 */
.caja-tr .unvideo h3, .textos h3, .videos h3 { color:#005789; font-size:18px; margin-bottom:5px; }
.videos .col-izq h3 { text-align:center; }
.textos .col-izq h3 { margin-bottom:0px; }


/* datos */
.caja-tr .datos,
.textos .datos,
.videos .datos { font-size:11px; border-top:1px solid #cacaca; padding-top:10px; width:150px; margin:0px auto; margin-top:10px; cursor:default; }

.textos .col-izq .datos,
.videos .col-izq .datos { width:180px; border:0px; padding:0px; margin-top:5px; }

.textos .col-izq ul li,
.videos .col-izq ul li { margin-bottom:15px; border-bottom:1px solid #cacaca; padding-bottom:15px;  }

.textos .col-izq ul li.ultimo,
.videos .col-izq ul li.ultimo { margin-bottom:0px; border:0px; padding-bottom:0px; }

.caja-tr .datos a, .textos .datos a, .videos .datos a  { color:#0009c7; }
.caja-tr .datos a:hover, .textos .datos a:hover, .videos .datos a:hover { text-decoration:underline; }
.caja-tr .datos .fecha, .textos .datos .fecha, .videos .datos .fecha { color:#8c8c8c; cursor:default; }

.videos .col-izq .datos, .videos .col-izq .demo { text-align:center; }
.textos .col-izq .demo { font-size:12px; color:#5a5a5a; line-height:12px; font-family:arial; }
.textos .col-izq .demo a:link { color:#5a5a5a; }
.textos .col-izq .demo a:hover { color:#000000; }
.textos .col-izq h3 { line-height:18px; margin-bottom:6px; font-family:arial; }

/* caja redondeada y estilos del contenido */
.tl, .tr, .bl, .br { background-image: url(../imgs/caja-celeste.gif);	height: 8px; font-size: 2px; }
.tl, .bl { margin-right: 9px; }
.tr, .br { margin-left: 9px; margin-top: -9px; }
.tr {	background-position: 100% 0; }
.bl { background-position: 0 -8px; }
.br {	background-position: 100% -8px; }
.cont { background: #f0f6ff; color: #000000; padding:5px 10px; }
.cont h3, .cont h3 a { color:#116291; }
.cont h3 { margin-bottom:2px; }
.cont .foto { float:left; margin-right:10px; text-align:center; }
.cont .texto { float:left; font-size:12px; width:230px; }
.cont .texto p { color:#494949; }
.cont .texto p a { color:#005789; }
.cont .texto p a:visited { color:#596f7b; }
.cont .texto p a:hover { color:#000000; }
.portada .cont .fecha { padding:0px 5px; color:#666; font-size:11px; cursor:default; float:right; }


/* separador */
.separador { height:25px; overflow:hidden; }

/* comentarios */
.comentarios { margin-left:20px; }
.comentarios h3 { color:#005789; cursor:default; margin-left:10px; }
.comentarios .tl, .comentarios .tr, .comentarios .bl, .comentarios .br{ background-image: url(../imgs/caja-comentario.gif);	height: 11px; font-size: 2px; }
.comentarios .tl, .comentarios .bl{ margin-right: 10px; }
.comentarios .tr, .comentarios .br{ margin-left: 10px; margin-top: -11px; }
.comentarios .tr{	background-position: 100% 0; }
.comentarios .bl{ background-position: 0 -11px; }
.comentarios .br {	background-position: 100% -11px; }
.comentarios .cont { background: #ffffff; color: #494949; font-family:arial; font-size:13px; padding:5px 12px; padding-bottom:0px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
.comentarios .datos { border-top:1px solid #cacaca; padding-top:10px; margin-top:10px; width:100%; font-size:11px; }
.comentarios .datos .por { color:#666666; float:left; }
.comentarios .datos .fecha { color:#8c8c8c; float:right; }
.comentarios form { font-family:arial; font-size:14px; }
.comentarios form p { margin:10px 0px; }
.comentarios form .input {	border:1px solid #8c8c8c; background-color:#f2f7ff; border:1px solid #9ea2a9; padding:5px 0px 5px 2px; width:200px; font-family:arial; }
.comentarios form input.error, .comentarios form textarea.error {	border:1px solid #bc9999; background-color:#fff4f4; }
.comentarios form textarea { background-color:#fefeff; border:1px solid #9ea2a9; font-size:14px; font-family:arial; padding:5px 0px 5px 2px;  }
.comentarios form label { width:180px; display:block; float:left; text-align:right; font-weight:bold; color:#666666; padding:5px 10px 5px 2px; cursor:pointer; }
.comentarios h3 { margin-left:10px; }
.comentarios form .opcional { padding-left:10px; color:#666666; cursor:default; }


/* boton */
.btn { display:block; float:right; margin-right:50px; font-size:12px;	line-height:14px;	height:26px; padding-left:9px; background:url(../imgs/btnl.gif) no-repeat top left; color:#FFFFFF; }
.btn span {	background:url(../imgs/btnr.gif) no-repeat top right;	display:block; padding:6px 17px 6px 6px; color:#dbecf6;	font-size:14px; }
.btn:hover { background-position:bottom left; }
.btn:hover span { background-position:bottom right; color:#ffffff; }

.btnv { display:block; float:right; margin-right:30px; font-size:12px;	line-height:14px;	height:31px; padding-left:9px; background:url(../imgs/btnvotarl.gif) no-repeat top left; color:#FFFFFF; }
.btnv span {	background:url(../imgs/btnvotarr.gif) no-repeat top right;	display:block; padding:8px 17px 9px 6px; color:#dbecf6;	font-size:14px; }
.btnv:hover { background-position:bottom left; }
.btnv:hover span { background-position:bottom right; color:#ffffff; }

/* errores del formulario de comentario */
#errores { font-family:verdana;	display:none;	margin-bottom:20px; }
#errores h4 {	font-size:14px;	color:#333333; margin-bottom:10px; }
#errores #lista,
.errorM {	border:1px solid #bc9999;	background-color:#fff4f4;	padding:5px; font-size:11px; margin-bottom:10px; }


/* menu */
.divmenu { border-bottom:1px solid #d5d5d5; margin-bottom:20px; }
.menu li { float:left; margin-right:35px; height:35px; font-size:18px; padding-top:10px; }
.menu li a { color:#005789; }
.menu li a:hover { color:#000000; }
.menu li.vota { background:url(../imgs/menu_urna.gif) left top no-repeat; padding-left:45px; }
.menu li.videitos {	background:url(../imgs/menu_videos.gif) left top no-repeat;	padding-left:35px; }
.menu li.textitos {	background:url(../imgs/menu_textos.gif) left top no-repeat;	padding-left:30px; }

object.youtube { width: 370px; height: 275px; }

.form p { margin:10px 0px; }
.form .input, .form textarea { border:2px solid #333; }
.vota { background:url(../imgs/bgvotar.gif) center top #000 no-repeat; }

.vota .centrovotar {
	padding-top:20px;
	width:500px;
	margin:0px auto;
}
.vota .centrovotar h1 {
	text-align:center;
	color:#FFF;
	font-size:26px;
	margin-bottom:20px;
}
.tav {
	width:450px;
	font-family:"Trebuchet MS";
}
.vota h2 {
	text-align:center;
	margin-bottom:30px;
}
.vota h2 a {
	font-size:18px;
	color:#ffe6c2;
	text-decoration:underline;
}
.vota h2 a:hover { color:#fff; text-decoration:none; }
.tav p {
	margin-bottom:10px;
}
.tav p.ultimo { margin-bottom:0px; }

.cajamarron-tl, .cajamarron-tr, .cajamarron-bl, .cajamarron-br { background-image: url(../imgs/caja-marron.gif);	height: 9px; font-size: 2px; }
.cajamarron-tl, .cajamarron-bl { margin-right: 9px; }
.cajamarron-tr, .cajamarron-br { margin-left: 9px; margin-top: -9px; }
.cajamarron-tr {	background-position: 100% 0; }
.cajamarron-bl { background-position: 0 -8px; }
.cajamarron-br {	background-position: 100% -8px; }
.cajamarron-cont { background: #271700; color: #fff; padding:5px 10px; font-size:12px; }
.cajamarron-cont h2,
.cajamarron-cont h3 {
	color:#f7c57e;
	font-size:17px;
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
}
.cajamarron-cont p {
	margin-bottom:15px;
	font-size:15px;
	line-height:22px;
	color:#eed5b1;
}
.cajamarron-cont p em { font-style:italic;color:#fff; }
.cajamarron-cont p.gracias { text-align:center; font-weight:bold; }
.cajamarron-cont h3 a { color:#f1c13e; font-weight:bold; }
.cajamarron-cont h3 a:hover { text-decoration:underline; }
.cajamarron-cont form p { margin-bottom:20px; }
.cajamarron-cont form label {
	float:left;
	width:180px;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	padding-right:5px;
	padding-top:3px;
	height:22px;
}
.cajamarron-cont form .input,
.cajamarron-cont form textarea {
	padding:3px;
	border:1px solid #1e1200;
	background-color:#594d3b;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}
.cajamarron-cont form .input {
		height:20px;
		width:250px;
}
.cajamarron-cont form input.error { border:2px solid red; }
.cajamarron-cont .volver { color:#ffe6c2; }
.cajamarron-cont .volver:hover { color:#FFF; }

.ya_votaste {
	background:#000;
}
.ya_votaste .contenedor {
	width:600px;
	margin:0px auto;
	margin-top:20px;
}

.fr { float:right; }
.fl { float:left; }

.index2 .losvideos .unvid {
	float:left;
	margin-right:10px;
}
.index2 .losvideos .unvid img { float:left;border:5px solid #e6f0ff;  }
.index2 .losvideos .unvid {border:1px solid #333; }
.index2 .losvideos .unvid .ultimo {margin:0px;}

#divInvitar { position:absolute;width:500px;z-index:999; }

.index2 .tl, .index2 .tr, .index2 .bl, .index2 .br { background-image: url(../imgs/caja-azul.gif);	height: 8px; font-size: 2px; }
.index2 .tl, .index2 .bl { margin-right: 9px; }
.index2 .tr, .index2 .br { margin-left: 9px; margin-top: -9px; }
.index2 .tr {	background-position: 100% 0; }
.index2 .bl { background-position: 0 -8px; }
.index2 .br {	background-position: 100% -8px; }
.index2 .cont { background: #b4d2ff; color: #000000; padding:5px 10px; }
.index2 .cont p { font-weight:bold; line-height:30px; }
.index2 .cont p a { font-weight:bold; }
.mt25 {margin-top:36px;}
.contacta {
	margin-top:50px;
	color:#333;
	font-size:12px;
}
.contvideos {border-bottom:1px solid #cacaca;padding-bottom:10px;margin-bottom:10px;}

form.enviarmensaje label { display:block;width:65px;float:left; }
form.enviarmensaje .input { border:2px solid #cacaca;width:250px; }
form.enviarmensaje textarea { border:2px solid #cacaca; width:250px; margin-bottom:10px; }