@charset "utf-8";
/*
Cliente: Shayver Promocion S.A. 
Website: http://www.shayverpromocion.com
Author: enlanevera [http://www.enlanevera.com] - hcd [http://www.hcd.es]
 __                 __                           ___              
/\ \               /\ \                         /\_ \             
\ \ \___     ___   \_\ \                      __\//\ \     ___    
 \ \  _ `\  /'___\ /'_` \      _______      /'__`\\ \ \  /' _ `\  
  \ \ \ \ \/\ \__//\ \L\ \    /\______\    /\  __/ \_\ \_/\ \/\ \ 
   \ \_\ \_\ \____\ \___,_\   \/______/    \ \____\/\____\ \_\ \_\
    \/_/\/_/\/____/\/__,_ /                 \/____/\/____/\/_/\/_/

*********************************************************************
//////////////////
Normalizar estilos XHTML de diferentes navegadores
//////////////////*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,div,body,html,p,blockquote,fieldset,input {
margin:0;
padding:0
}

ul,ol {
list-style:none
}

h1,h2,h3,h4,h5,h6,pre,code {
font-size:1em
}

a img,:link img,:visited img {
border:none
}

/*//////////////////
Generales
//////////////////*/

body {
	background: url(../images/bg-2.gif) repeat-x -60px 0 #FFF;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	margin: 0px; 
	padding: 0px
	}

.clr {border:0;clear:both;font-size:1%;line-height:0.01em;margin:0;padding:0}



/*//////////////////
Estructura
//////////////////*/

#header { /* header */
	width: 960px;
	/*margin: 70px auto 0px auto;*/
	margin: 10px auto 0px auto;
	background: url(../images/bg-header.jpg) no-repeat bottom right;
	padding: 0px;
	height: 223px;
	}
	#header h1 { padding:30px 0 0 20px;}
	#header h1 span {
		display: none;
		margin-top: 20px;
		}


#content { /* content */
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	}
	.block-h { /* Bloques de la home */
		width: 299px;
		margin: 10px 10px;
		float: left;
		/*padding: 40px 0px;*/
		padding: 10px 0;
		text-align: center;
		}
	.b-l-dott { border-left: 1px dotted #ccc;} /* linea de puntos parte izquierda */
	
	
	/* interiores */
	
	.miga { /* miga de pan */
		font-size: 0.8em;
		color: #333;
		margin: -20px 0 10px 40px;
		}
		.miga a {
			color: #d7001d;
			text-decoration: none;
			background-color: #f3f3f3;
			padding: 0 2px;
			border: 1px solid #fff;
			}
		.miga a:hover {
			color: #fff;
			background-color: #d7001d;
			}
			
	/* imagenes planos*/
	img.planos {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 40px;
		margin-bottom: 20px;
		}
			
	/* enlace top */
	.top {
		margin: 10px 0;
		}
		.top a {
			color: #d7001d;
			text-decoration: none;
			background-color: #f3f3f3;
			padding: 0 2px;
			border: 1px solid #fff;
			font-size: 0.85em;
			}
			.top a:hover {
				color: #fff;
				background-color: #d7001d;
				}
				
	/* Tabla formas de pago*/
	table.fo-pa {
		width: 590px;
		margin: 20px 0 40px 0;
		}
		table.fo-pa caption {
			display: none;
			}
		table.fo-pa tr td { padding:5px;}
		table.fo-pa tr.red1 {
			background:#a90a17;
			height: 30px;
			color: #fff;
			border-bottom: 1px solid #fff;
			}
		table.fo-pa tr.red2 {
			background:#d11c18;
			height: 30px;
			color: #fff;
			border-bottom: 1px solid #fff;
			}
		table.fo-pa tr.red3 td {
			background:#e53f16;
			height: 30px;
			color: #fff;
			border-left: 1px solid #fff;
			font-size: 0.9em;
			}
		.bor-left {border-left: 1px solid #fff;}
		.bor-bot {border-bottom: 1px solid #fff;}
		.bg-fff { background:#FFF;}
		.bg-000 { background:#000;}
		.bg-efefef { background:#efefef;}
		
		table.fo-pa tr.dat-viv td {
			border-bottom: 1px solid #ccc;
			}
			
			
	/* avance obra */
	.graf {
		margin: 0px 0 15px 0;
		text-align: center;
		}
	.icons {
		float: left;
		width: 70px;
		margin: 0 3px;
		padding: 0 3px;
		text-align: center;
		border-left: 1px dotted #ccc;
		}
		.icons p {
			height:35px;
			font-size:0.8em;
			color: #333;
			vertical-align:bottom;
			}
		.icons span {
			font-size: 1.8em;
			}
			.t_01 {color:#000;} /*100%*/
			.t_02 {color:#333;} /*85%*/
			.t_03 {color:#444;}	/*70%*/
			.t_04 {color:#555;}	/*55%*/
			.t_05 {color:#666;}	/*40%*/
			.t_06 {color:#999;}	/*25%*/
			.t_07 {color:#ccc}	/*2%*/
		
	
	
	.block-i-l { /* bloque parte izquierda interior */
		width: 300px;
		margin: 10px 10px;
		float: left;
		padding: 0px 0px;
		text-align: right;
		background: url(../images/bg-block-i-l.gif) no-repeat top left;
		}
		
	.tit-promo {
		position:relative;
		bottom: -110px;
		width: 300px;
		text-align:right;
		margin-top:-100px;
		background: url(../images/bg-block-i-l.gif) no-repeat top left;;
		}
		
		/*ul.nav {
			font-size: 0.8em;
			margin-top: 20px;
			border-top: 1px dotted #ccc;
			width: 170px;
			float: right;
			}
			ul.nav li {
				margin: 2px 0;
				padding: 4px 0;
				border-bottom: 1px dotted #ccc;
				}
				ul.nav li a {
					color: #d7001d;
					text-decoration: none;
					background-color: #f3f3f3;
					padding: 0 2px;
					border: 1px solid #fff;
					}
				ul.nav li a:hover {
					color: #d7001d;
					text-decoration: underline;
					background-color: #fff;
					}*/
					
					
	.block-i-r { /* bloque parte derecha interior */
		width: 590px;
		margin: 10px 10px 10px 40px;
		float: left;
		padding: 0px 0px;
		text-align: left;
		font-size: 0.8em;
		}
		
		.mem { /* lista memoria de calidades */
			margin: 0 0 0 20px;
			list-style-type: disc;
			color: #333;
			font-size: 0.85em;
			}
			.mem li {
				margin:10px 0;
				}
				.mem li em.super {
					font-size: 0.6em;
					vertical-align: super;
					font-style:normal;
					}
				.mem li strong {
					text-transform:uppercase;
					}
			.mem li ul {
				margin: 0 0 0 20px;
				list-style-type: none;
				}
		
		p.txt-nota { /* texto nota */
			background:url(../images/icon-warning.gif) no-repeat 10px 15px #f9f9f9;
			border-bottom: 1px solid #eee;
			border-top: 1px solid #eee;
			padding: 15px 15px 15px 35px; 
			color: #888;
			font-size: 0.8em;
			margin: 40px 0;
			}
			p.txt-nota a {color: #d7001d;}
			
			
		/**/
		p.txt-nota2 { /* texto nota */
			background: #f9f9f9;
			border-bottom: 1px solid #eee;
			border-top: 1px solid #eee;
			padding: 15px;
			color: #888;
			font-size: 1.2em;
			margin: 40px 0;
			}
			
			
		/* descarga de planos */
		.down-planos {
			background: url(../images/ico_planos_pdf.jpg) no-repeat 5px 12px;
			padding: 15px 0 40px 75px;
			margin: 10px 0 0px 0;
			border-bottom: 1px dotted #ccc;
			height:45px;
			color: #666;
			}
			.down-planos p span.t-13 {font-size: 1.3em; color:#333;}
			.down-planos p span.t-grey {color:#666; font-size: 0.7em;}
			.down-planos p.link-pl {
				margin-top:10px}
			.down-planos p.link-pl a {
				color: #d7001d;
				text-decoration: none;
				background-color: #f3f3f3;
				padding: 0 2px;
				border: 1px solid #fff;
				font-size: 0.9em;
				}
				.down-planos p.link-pl a:hover {
					color: #fff;
					background-color: #d7001d;
					}
			
			
		img.top-tit { /* Imagen superior título */
			margin: 10px 0 25px -30px;
			}
				
		
		

#footer { /* content */
	width: 960px;
	/*margin: 50px auto 0px auto;*/
	margin: 20px auto 0px auto;
	padding: 0px;
	color: #666;
	font-size: 0.65em;
	}
	#footer .block-f { /* Bloques del footer*/
		width: 220px;
		margin: 0px 10px;
		float: left;
		padding: 0px;
		text-align: left;
		}
	#footer .block-f2 { /* Bloques del footer - Logos */
		width: 460px;
		margin: 0px 10px;
		float: left;
		padding: 0px;
		text-align: left;
		}
	#footer p {
		margin-bottom: 10px;
		}
	#footer a {
		color: #d7001d;
		text-decoration: none;
		background-color: #f3f3f3;
		padding: 0 2px;
		border: 1px solid #fff;
		}
		#footer a:hover {
			color: #fff;
			background-color: #d7001d;
			}