@charset "utf-8";

/* Paginacion */

div.pagination {
	padding: 3px;
	margin: 5px;
	text-align:center;
}
	
div.pagination a {
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:hover, div.digg a:active {
	background-color: #99CCFF;
	border: 1px solid #373E50;
	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #373E50;
	font-weight: bold;
	background-color: #373E50;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/* Sugerencias - Nombres */

.suggestionsBox {
	margin: 10px 0px 0px 0px;
	width: 285px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
	list-style: none;
}

.suggestionList li:hover {
	background-color: #659CD8;
}

/* Encabezados */

.coment { background: url(../images/comentarios.png) no-repeat center; }
.coment2 { background: url(../images/comentarios2.png) no-repeat center; }

/* Cuerpo */

#cuerpo {
background: url(../images/bg.jpg) repeat-y;
border: double #333333 2px;
padding: 10px 10px 10px 10px;
margin: 10px auto;
height: auto;
width: 650px;
}

#fcentros { line-height: 25px; }

#central {background: #bbddfe ; color: #336699; font-size: 10px; line-height: 22px; text-align: justify; padding: 15px 30px 15px 50px; }

#central .img { float:left; padding: 5px 10px 0 0; }

#footer {
color:#6666FF;
border-top: 1px solid #000066;
font-size: 9px;
font-weight: bold;
margin-top: 15px;
padding-top: 5px;
}

/* Caja de Error */

#error { font-weight: bold; width: auto; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }

#error.alerta {
	background: #fff6bf url(../images/alerta.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 15px 20px 15px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

#error.resultado {
	border: 1px solid #CCCCCC;
	margin: 15px 24px 15px 10px;
	padding: 10px 40px;
	background: #EFF8DF url(../images/resultado.png) center no-repeat;
	background-position: 15px 50%;
	color: #2E2D2D;
}

#error.opciones {
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	padding:6px 11px 6px 0px;
	background: #d3f6c5;
	color: #2E2D2D;
	text-align:center;
}

#error.opciones a {
	color: #333;
	font-weight: bold;
}

#error.opciones a:hover {
	background-color: transparent;
	color: #396;
	font-weight: bold;
}

#error.campos {
	border: 1px solid #933;
	margin: 15px 24px 15px 10px;
	padding:10px 10px 10px 50px;
	color: #2E2D2D;
	background: #E8AFB2 url(../images/alerta.png) center no-repeat;
	background-position: 15px 50%;
}

#error.enviado {
	border: 1px solid #9CF;
	margin: 15px 24px 15px 10px;
	padding:10px 10px 10px 50px;
	color: #2E2D2D;
	background: #D2E3E8 url(../images/enviado.png) center no-repeat;
	background-position: 15px 50%;
}
/* Bloque de busqueda */

#titulof {background: url(../images/fondof.gif) repeat-x; color: #0D5378; font-weight:bold; height: 25px; text-align:center; width:auto; text-shadow: 1px 1px white; text-transform: uppercase;}
#titulof.izquierda {background: url(../images/izquierdaf.gif) no-repeat left; float: left; width:35px;}
#titulof.derecha {background: url(../images/derechaf.gif) no-repeat right; float:right; width: 77px;}

#finalf {background: url(../images/fondof.gif) repeat-x; color:#000066; height: 25px; text-align:center; font-size:9px; width:auto;}
#finalf.izquierda {background: url(../images/bordef.gif); height: 25px; float: left; width:1px;}
#finalf.derecha {background: url(../images/bordef.gif); height: 25px; float: right; width:1px;}

#form {background-color: #bbddfe; width: 350px;}
#form select {
		border: 1px solid #7F9DB9;
		height: 30px;
		margin: 2px;
		padding: 5px;
}

#form2 {background: #bbddfe ; width: auto;}
form #inputString { background: #fff url(../images/lupa.gif) 3% 50% no-repeat; border: 1px #7f9db9 solid; height:20px; padding-left: 25px; padding-top: 4px;  }

/* Tablas */

#tabla {background-color:#dee9fd;  border: solid 1px #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; }
#tabla td{padding: 2px 15px 2px 15px; border-bottom: solid 1px #999999; border-right: solid 1px #999999; text-shadow: 1px 1px #DDDDDD;}
#tabla td.primero { background: url(../images/tablaprimero.gif) repeat-x #b6dffd; font-weight:bold; text-shadow: 1px 1px white;}
#tabla td a { text-decoration: none; color:#1558d2; }
#tabla td a:hover { background-color:#FFFFFF; color:#339900;}
#tabla td.extra { background: #FFFFFF url(../images/extra.png) repeat; text-align: center; }
#tabla td.extra a { text-decoration: none; color:#1558d2; font-weight:bold;}
#tabla td.extra a:hover { background-color: #FFF; color:#339900;}
/* Opiniones */

div.bubble {
	width: 550px;
	font-size: 1em;
	margin-bottom: 20px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #888888;
	background: url(../images/comment.png) no-repeat 99% 90% #e2f1ff;
}

div.bubble blockquote p {
	/*color:#101744;*/
	color:#365e8f;
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	margin: 0px;
	padding: 12px 0px 0px 10px;
	background: transparent /*url(../images/tip.gif) no-repeat 10% 20%*/;
	font: 12px Verdana, Geneva, sans-serif ;
}

/* Mensaje Admin */ 

div.bubbleadmin {
	width: 550px;
	font-size: 1em;
	margin-bottom: 20px;
}

div.bubbleadmin blockquote {
	color: #669999;
	margin: 0px;
	padding: 0px;
	border: 1px solid #018470;
	background: url(../images/comment.png) no-repeat 99% 90% #e2f1ff;
}

div.bubbleadmin blockquote p {
	color:#009e86;
	margin: 10px;
	padding: 0px;
}

div.bubbleadmin cite {
	color:#009;
	margin: 0px;
	padding: 12px 0px 0px 10px;
	background: transparent /*url(../images/tip.gif) no-repeat 10% 20%*/;
	font: 12px Verdana, Geneva, sans-serif;
}


/* Formulario de Opinion */

#opinion {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: left;
	margin:10px; 
	padding: 0 10px;
}

#opinion p {
	padding: 5px 0;
}
#opinion label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#opinion input {
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 14px;
    vertical-align:middle;
}

#opinion #nombre { 
	background: #FFFFFF url(../images/nombreop.png) no-repeat scroll 3% 50%;
	border: 1px solid #7F9DB9;
	height: 20px;
	padding: 4px 0 0 25px;
} 

#opinion #nombre:focus {
	background-color: #e2ecff;
	border: 1px solid #033;
}

#opinion #email { 
	background: #FFFFFF url(../images/emailop.png) no-repeat scroll 3% 50%;
	border: 1px solid #7F9DB9;
	height: 20px;
	padding: 4px 0 0 25px;
} 

#opinion #email:focus {
	background-color: #e2ecff;
	border: 1px solid #033;
}

#opinion textarea {
	background: #FFFFFF url(../images/mensajeop.png) no-repeat scroll 2% 95%;
	border: 1px solid #7F9DB9;
	width:300px;
	padding:2px 2px 25px 2px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	height:80px;
	display:block;
	color:#000;
} 

#opinion textarea:focus {
	background-color: #e2ecff;
	border: 1px solid #033;
}

#opinion button { 
	margin: 0; 
	border: 0 none; 
	padding: 0; 
	background-color:transparent;
	color: #002a76;
}

#opinion .required { color: red; text-decoration: none; }