/**
*	Documento CSS Level 2.1
*	estilos.css
*	(C) 2007 Probalear, Imagen y Diseño S.L. Todos los derechos reservados.
*	http://www.probalear.info
**/
/* Elementos */
body{
	margin: 0;
	padding: 0;
	background: url(../img/background.gif) #0578c8 repeat-x;
	font: 10px Tahoma,Verdana,Arial;
}
strong{
font-size:10px;
}
a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

/* Estructura */
#contenedor {
	margin: 0 auto 0 auto;
	border-left: #ce0000 solid 3px;
	border-right: #ce0000 solid 3px; /*border-bottom:#EEBC0C solid 1px;*/
	background: url(../img/background_contenedor.gif) #ffffff repeat-x;
	width: 780px;
	min-height: 600px; /*position: relative;*/
}

#contenido {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	clear: both;
	width: 495px;
}

#footer {
	padding-top: 5px;
	clear: both;
	color: #ffffff;
	background: #252525;
	width: 780px;
	height: 20px;
	text-align: center;
}

/* Inicio */
#inicio {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	clear: both;
	width: 495px;
}

#inicio img.imagen {
	float: left;
	margin-bottom: 20px;
	width: 181px;
	border: 2px solid #000000;
}

#inicio p{ margin-left: 190px; }
#inicio strong{ color:#ce0000; }
/* Destacados */
#destacados { clear: both; }

#destacados div.destacado img {
	float: left;
	border: 2px solid #000000;
	padding: 0;
	margin-bottom: 5px;
	width: 100px;
	height: 75px;
}

#destacados div.destacado h1 {
	margin: 0;
	margin-top: 0;
	margin-left: 110px;
	font-size: 10px;
	text-transform: uppercase;
}

#destacados div.destacado p {
	margin-left: 110px;
	font-size: 10px;
}

#destacados div.destacado div.ampliar {
	clear: both;
	padding-right: 5px;
	padding-top: 3px;
	margin-bottom: 10px;
	background: #000000;
	height: 20px;
	text-align: right;
}

/* La empresa */
#empresa{
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	background: url(../img/background_empresa.gif) no-repeat;
	width: 495px;
}

#empresa img.imagen {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 181px;
	height: 156px;
}

#empresa p { margin-top: 10px; }

/* Promociones */
#promociones {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	width: 495px;
}

#promociones #detalle {
	border: 2px solid #ce0000;
	background: url(../img/background_promocion.gif) #dfdfdf repeat-x;
	height: 450px;
}

#promociones #detalle h1{
	border: #ffffff 1px solid;
	padding-left: 10px;
	padding-top: 5px;
	color: #ffffff;
	background: #000000;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
}

#promociones #detalle a {
	color: #ffffff;
	text-decoration: none;
}

#promociones #detalle a:hover {
	color: #000000;
	text-decoration: none;
}

#promociones #detalle #secciones {
	border: #ffffff 1px solid;
	padding-left: 10px;
	padding-top: 5px;
	color: #ffffff;
	background: #ce0000;
	font-size: 10px;
	height: 20px;
}

#promociones #detalle #lateral {
	float: left;
	margin: 5px;
	width: 225px;
}

#promociones #detalle #lateral #imagen {
	border: 2px solid #000000;
	cursor: pointer;
	width: 223px;
	height: 165px;
}

#promociones #detalle #lateral #ampliar {
	border: 2px solid #000000;
	cursor: pointer;
	width: 223px;
	height: 11px;
}

#promociones #detalle #lateral #ampliada {
	border: 1px solid #000000;
	cursor: pointer;
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: 90000;
	visibility: hidden;
}

#promociones #detalle #lateral h2 { text-align: center; }

#promociones #detalle #lateral #imagenes { margin: 0; }

#promociones #detalle #lateral #imagenes #prev,
#promociones #detalle #lateral #imagenes #next {
	float: left;
	margin-top: 28px;
	cursor: pointer;
	width: 11px;
	height: 12px;
}

#promociones #detalle #lateral #imagenes #scroll {
	margin: 5px auto;
	float: left;
	overflow: hidden;
	width: 200px;
	height: 60px;
	position: relative;
	white-space: nowrap;
}

#promociones #detalle #lateral #imagenes #scroll img {
	border: 1px solid #000000;
	margin: 6px 1px 2px 1px;
	width: 59px;
	height: 44px;
}

#promociones #detalle #lateral #imagenes #scroll img.actual { border-color: #ce0000; }

#promociones #detalle #lateral #imagenes #scroll #first {
	border: 0;
	width: 0px;
	height: 0px;
}

#promociones #detalle #lateral #imagenes #scroll #last {
	border: 0;
	width: 195px;
	height: 1px;
}

#promociones #detalle #lateral #imagenes #enlaces {
	clear: both;
	width: 226px;
	height: 115px;
	overflow: auto;
	text-align: center;
}

#promociones #detalle #lateral #imagenes #enlaces a {
	padding: 2px;
	border: #ce0000 1px solid;
	margin-top: 1px;
	display: block;
	color: #000000;
	background: #ffffff;
	width: 200px;
	text-decoration: none;
	text-align: left;
}

#promociones #detalle #lateral #imagenes #enlaces a.actual {
	color: #ffffff;
	background: #000000;
}

#promociones #detalle #lateral #imagenes #enlaces a:hover {
	color: #ffffff;
	background: #000000;
	text-decoration: none;
}

#promociones #detalle p{
	margin: 10px;
	overflow: auto;
	height: 280px;
}

#promociones #detalle p.planos{ height: 50px; }

#promociones #detalle img.botones {
	border: 0;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	display: inline;
}

/* Proyectos */
#proyectos {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	clear: both;
	width: 495px;
}

#proyectos .proyecto {
	margin-bottom: 10px;
	clear: both;
}

#proyectos .proyecto img {
	float: left;
	border: #000000 2px solid;
	padding: 1px;
	margin-bottom: 10px;
	width: 100px;
	height: 75px;
}

#proyectos .proyecto h1 {
	margin: 0;
	margin-top: 0;
	margin-left: 110px;
	padding: 2px;
	color: #ffffff;
	background: #000000;
	font-size: 10px;
	text-transform: uppercase;
}

#proyectos .proyecto h2 {
	margin: 0;
	margin-top: 0;
	margin-left: 110px;
	padding: 2px;
}

#proyectos .proyecto p {
	margin-left: 110px;
	font-size: 10px;
}

#proyectos .proyecto .datos {
	clear: both;
	padding: 3px;
	background: #ce0000;
	text-decoration: none;
	text-align: right;
}

#proyectos .proyecto .datos span {
	margin-bottom: 20px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

#proyectos .proyecto .datos span:hover {
	color: #000000;
	text-decoration: none;
}

#proyectos .proyecto .datos .submenu {
	margin-top: 3px;
	padding: 1px 5px 5px 5px;
	background: url(../img/background_promocion.gif) #ffffff repeat-x;
	text-align: left;
}

#proyectos .proyecto .datos .submenu dt {
	border: #ff0000 1px solid;
	padding: 2px;
	color: #ce0000;
	background: #ffffff;
	font-weight: bold;
}

#proyectos .proyecto .datos .submenu dd {
	padding: 2px;
	color: #000000;
}

/* Servicios */
#servicios {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	clear: both;
	width: 495px;
}

#servicios .servicio { clear: both; }

#servicios .servicio img {
	float: left;
	border: #000000 2px solid;
	padding: 0;
	margin-bottom: 5px;
	width: 101px;
}

#servicios .servicio h1 {
	margin: 0;
	margin-top: 0;
	margin-left: 110px;
	font-size: 10px;
	text-transform: uppercase;
}

#servicios .servicio p {
	margin-left: 110px;
	padding-bottom: 5px;
	font-size: 10px;
}

#servicios .servicio div {
	clear: both;
	padding-right: 5px;
	padding-top: 3px;
	margin-bottom: 10px;
	background: #000000;
	height: 20px;
	text-align: right;
}

/* Contacto */
#contacto {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	clear: both;
	width: 495px;
}

#contacto a {
	color: #000000;
	text-decoration: none;
}

#contacto a:hover{
	color: #ce0000;
	text-decoration: none;
}

#contacto p {
	margin: 0;
	padding: 5px;
	text-align: center;
}

#contacto #plano {
	float: left;
	margin-right: 10px;
	border: 2px solid #000000;
	cursor: pointer;
	width: 213px;
}

#contacto #plano img { display: block; }

#contacto #plano #ampliada {
	border: 1px solid #000000;
	cursor: pointer;
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: 90000;
	visibility: hidden;
}

#contacto form p.referencia { text-align: left; }

#contacto form label {
	margin: 2px;
	display: block;
	color: #000000;
	text-align: left;
}

#contacto form input, textarea{
	border: #ce0000 1px solid;
	margin: 2px;
	font-size: 11px;
	width: 220px;
	text-align: left;
}

#contacto form #condiciones {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	margin-right: 45px;
	border: 0;
	float: right;
	width: auto;
}

#contacto form #enviar {
	border: #ce0000 1px solid;
	margin: 2px;
	margin-left: 347px;
	font-size: 10px;
	width: 100px;
	text-align: center;
}

/* Visor de elementos */
#visor { margin: 10px; }

#visor .top {
	background: url(../img/visor_top.gif) no-repeat;
	width: 249px;
	height: 32px;
}

#visor .top img { padding: 4px 0 0 12px; }

#visor .bottom {
	background: url(../img/visor_bottom.gif) no-repeat;
	width: 249px;
	height: 32px;
}

#visor #cuadro {
	border-left: 3px solid #ce0000;
	border-right: 3px solid #ce0000;
	width: 243px;
}

#visor #cuadro #resumen {
	width: 243px;
	height: 332px;
	overflow: auto;
}

#visor #cuadro #resumen .elemento {
	background: url(../img/visor_elemento.gif) repeat-x;
	height: 110px;
}

#visor #cuadro #resumen div.imagen {
	margin: 0;
	padding: 0;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#visor #cuadro #resumen div.imagen img {
	border: 2px solid #000000;
	float: left;
	margin-right: 5px;
	width: 66px;
	height: 49px;
}

#visor #cuadro #resumen .actual div.imagen img {
	border: 3px solid #ce0000;
}

#visor #cuadro #resumen h1 {
	margin: 0;
	margin-top: -7px;
	font-size: 10px;
}

#visor #cuadro #resumen p {
	margin: 0;
	margin-left: 83px;
	font-size: 10px;
	height: 60px;
}

#visor #cuadro #resumen img.ampliar {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	float: right;
}

#visor #cuadro h2 {
	margin: 0;
	padding-top: 4px;
	padding-left: 140px;
	color: #ffffff;
	background: #000000;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
}

#visor #cuadro .contactorapido {
	display: block;
	width: 243px;
	height: 76px;
}

/* Aviso legal */
#avisolegal {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	clear: both;
	width: 495px;
}

#avisolegal h1 {
	padding: 0 0 10px 0;
	font-size: 17px;
}

#avisolegal h2 {
	padding: 10px 0 2px 0;
	font-size: 12px;
}

#avisolegal p {
	padding: 2px 0 2px 0;
}

/* Paginación */
#paginacion_top {
	padding-bottom: 5px;
	clear: both;
	text-align: right;
}

#paginacion_top img { vertical-align: bottom; }

#paginacion_bottom {
	padding-bottom: 10px;
	clear: both;
	text-align: right;
}

#paginacion_bottom img { vertical-align: bottom; }

/* Estilos generales */
.clear { clear: both; }

.sinresultados { margin: 0; padding: 20px; }

.validacion {
	margin: 20px;
	text-align: left;
}