/**
 * Jose Carlos Cruz Parra
 * www.programadorphpfreelance.com
 * 2009-09-28
 *
 * WEB SENCILLA EN PHP
 *
 * style/estilos.css.php
 */

h1{font-size:18px;color:#2843c9}
h2{font-size:14px;color:#2d8db3}
h3{font-size:13px;color:#fa7b2a}

p{text-align:justify}

.mini{font-size:90%}
.maxi{font-size:110%}
/*
h3 span.maxi{font-size:15px;font-weight:bold}
*/
.recuadro{padding:8px 50px 8px 40px;margin-bottom:20px}
.border,.recuadro{border:1px solid #4455cc}
.underline{border-bottom:1px solid #2843c9}
.overline{border-top:1px solid #2843c9}
.coloreado{background-color:#ffeed2}
/*
h2.underline{border:0; background:url('../images/degradado_naranja.gif') bottom left no-repeat transparent}

a:link,a:visited{text-decoration:none}
a:link,a:visited,a:hover,a:active{color:#0000ee}
a:hover,a:active{text-decoration:underline}
*/
input.boton{width:120px}

.separado1{padding-top:12px}
.separado2{padding-top:24px}
.separado3{padding-top:36px}

.listadoclaro{background-color:#fafaff}
.listadonormal{background-color:#f5f5fa}
.listadoresaltado{background-color:#fdfbbd}

th{color:#ffffff;border-bottom:0px solid #e99502;background:url('../images/fondo_th.png') top left repeat-x #d3dcfb;height:24px;vertical-align:middle}

.message{background-color:#ffffdb; color:#333333; border:2px solid #f6e4b8; padding:4px 4px 4px 24px; margin:0 0 1em 0; }

.twnDiv{height:0;overflow:hidden}

div.buscadorcontainer1{text-align:center;margin-bottom:20px}
div.buscadorcontainer1 h2{text-align:left;margin:0 auto}
div.buscadorcontainer2{
	margin:0 auto;
	border:solid 1px #c0c0c0;
	background:url('../images/fondo_buscador.gif') top left repeat-x #f5f5f5;
	padding:10px;
}
table.buscador{
	text-align:left;
	margin:0 auto;
}

table.cuadrante{text-align:center;margin:0 auto}
table.cuadrante td{border:1px solid #c0c0c0;background:url('../images/fondo_degra.gif') bottom left repeat-x #fafafa;padding:20px 6px 10px 6px;width:165px}
table.cuadrante td img{border:2px solid #fafafa}
table.cuadrante td.encima img{border:2px solid #fa7b2a}
table.cuadrante td span.frase{display:block;height:60px}
table.cuadrante td span.precio{display:block;height:18px;font-weight:bold}

table.listado{width:100%;border:0}
table.listado th, table.listado td, table.listado th img {vertical-align:middle;padding:1px 3px}
table.listado th img {vertical-align:middle; padding:0 1px}

table.imagenes{margin:0 auto;}
table.imagenes td{
	background:url('../images/diapositiva.gif') top left no-repeat #f8f8f8;
	width:130px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	margin:0px auto;
	padding:0
}

td.label{color:#2843c9}

.cabpestana{
	float:left;
	font-size:90%;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #fafaff;
	padding:2px 4px 0 4px;
	background:#fafaff;
	color:#e08f02;
}
.contpestana{
	clear:both;
	padding:4px;
	background:#fafaff;
	border-left:1px solid #c0c0c0;
}

/* INI - NUBE */
.nube{
   border:solid 1px #c0c0c0;
   background:url('../images/fondo_nube.gif') top left repeat-x #f5f5f5;
   width:350px;
   height:130px;
   vertical-align:middle;
   text-align:center;
   overflow:hidden;
   padding:0;
}
.nube a:link,.nube a:visited{color:#3333ee}
.nube a:hover,.nube a:active{color:#f07010;text-decoration:none}
.nube div.etiquetas{
   padding:4px 4px;
   margin:auto;
   text-align:justify;
   line-height:20px
}
.nube div.etiquetas a{
   margin:0;
   padding:0;
}
.etiquetatam1{font-size:10px;}
.etiquetatam2{font-size:11px;}
.etiquetatam3{font-size:12px;}
.etiquetatam4{font-size:13px;}
.etiquetatam5{font-size:14px;}
.etiquetatam6{font-size:15px;}
.etiquetatam7{font-size:16px;}
.etiquetatam8{font-size:17px;}
.etiquetatam9{font-size:18px;}
.etiquetatam10{font-size:19px;}
/* FIN - NUBE */

/* INI - POPUP */
div.popup {
  max-width: 600px;
  border: 1px solid #e08f02;
  padding: 10px;
  background-color: #c0c0c0;
  /* The following properties should not be changed */
  position: absolute;
}

#popup_overlay {
  background-color: #c0c0c0;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

span.popup_link, a.popup_link {
  cursor: pointer;
  border-bottom: 1px dotted;
}

.popup_draghandle {
  cursor: move;
}
/* FIN - POPUP */