/************************************************/  
/* CSS 2.0 CASASMYG.COM                         */
/* @file: general.css                           */
/* @date: JANUARY 2009 [REVISION]               */
/* @autor: netconsulting                        */
/* @email: jflillo@netconsulting.es             */
/* @url: www.netconsulting.es                   */
/************************************************/    

/*-- GENERALES ------------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	color:#2a2a2a;
	background-color:#e9e5db;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.jpg) repeat-y top center #e9e5db;
}


.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;
	clear: both;
	float: none;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-size:90%;
}

	a{ 
		text-decoration:none;
		cursor:pointer;
		color:#dc8225;
	}
	
		a:hover{ color:#2a2a2a; }

		a img{	border: 0;}

	

strong{ font-weight:bold; }

/*-- CANVAS ------------------------------------------------------------*/

#contenedora{
	width: 980px;
	margin: 0 auto 0 auto;
	position: relative;
	text-align:center;
}

	/* CABECERA ********************************************************/
	
	#cabecera{
		width:980px;
		height:346px;
		text-align:left;
		background-color:#fff;
		background:url(../images/h1_cabecera.jpg) no-repeat top left;
	}
	
		#cabecera a.inicio{ 
			position:relative;
			top:0;
			left:0;
			text-transform:uppercase;
			font-size:60%;
			color:#fff;
			text-decoration:none;
		}
			
			/*-- logotipo --*/
			#cabecera #logotipo{
				width:249px;
				height:97px;
				background:url(../images/logo_cabecera_cut.gif) no-repeat top left;
				float:left;
			}
				#cabecera #logotipo a{
					width:249px;
					height:97px;
					float:left;
				}
				#cabecera #logotipo a { text-indent:-999px;}
	
	
			/*-- handy-links --*/
			#cabecera #handy_links{
				float:right;
				text-align:right;
				width:300px;
				height:26px;
				font-size:80%;
			}
				#cabecera #handy_links a.sitemap{ background:url(../images/ico_sitemap.gif) no-repeat top left;	}
				
				#cabecera #handy_links a.mail{ background:url(../images/ico_mail.gif) no-repeat top left; }
				
				#cabecera #handy_links a.home{ background:url(../images/ico_home.gif) no-repeat top left; }
				
				#cabecera #handy_links a{
					width:16px;
					height:16px;
					margin-top:5px;
					margin-right:15px;
					float:right;
				}
				
					#cabecera #handy_links a:hover{
						border-bottom:1px dotted;
					}
				
					#cabecera #handy_links a span{ 
						border:1px solid;
						display:none;
					}
			
			/*-- FLASH --*/
			#cabecera #header_flash{
				text-align:center;
				float:right;
				/*background:url(../images/cabecera_noflash.jpg) no-repeat top left;*/
			}
		
				
	/* CONTENIDO ********************************************************/
	#contenido{
		background:url(../images/pattern_fondo.gif) repeat-y top left;
		width:990px;
		height:1%;
		text-align:left;
		display:block;
		overflow:visible;
		min-height: 400px;
		padding-bottom:20px;
	}
		
		#contenido h2.h2_titlelist{
			min-height:22px;
			color:#e58b2a;
			border-bottom:1px dotted #aaa;		
			padding:0 0 0 32px;
			margin-bottom:10px;
			line-height:14px;
			font-weight:bold;
			font-size:90%;
			background:url(../images/bullet_h2.gif) no-repeat top left;
		}
		
		#contenido p.noscript {
			padding: 10px;
			margin-right: 20px;
			margin-bottom: 10px;
			margin-left: 10px;
			background: none;
			color:#cc9;
			text-align: center;
			background-color:#969662;
		}
		
		/* MENU *********************************************************/
		#menu{
			float:left;
			margin-top: 0;
			margin-left: 4px;
			padding-top:11px;
			width:162px;
			background: url(../images/cabecera_menu.gif) repeat-y top left;
		}
		
		html > body #contenedora #contenido #menu{
			float:left;
			margin-top: 0;
			margin-left: 8px;
			width:162px;
			background: url(../images/cabecera_menu.gif) no-repeat top left;
		}
			
			#menu ul.items{
				font-size:55%;
				text-transform:uppercase;
				font-weight:bold;
				background:url(../images/bg_menu.jpg) repeat-y top left;
			}
						
				#menu ul li{
					margin:0;
					background:url(../images/bullet_menu.gif) no-repeat top left;
					height:auto;
					width:137px;
					padding:10px 0px 10px 25px;
				}
					#menu ul li a{
						color:#fff;
						text-decoration:none;
						padding-top:6px;
					}
						#menu ul li a:hover{ color:#fff; }
				
				html > body #menu ul li.con_menu{ width:162px !important; }
						
				#menu ul li.con_menu{
					padding-left: 0;
					padding-bottom:0;
					width:162px !important;
				}
				
					#menu ul li.con_menu a{
						padding:0 0 8px 25px;
						display: block;
					}
				
				/* SUBMENUS *************************************************************/

					#menu ul li ul#submenu-myg, #menu ul li ul#submenu-viviendas, #menu ul li ul#submenu-sistema-constructivo{
						font-size:100%;
						line-height:20px;
						text-transform:uppercase;
						margin:0;
					}
					
						html > body #menu ul li ul#submenu-myg li, html > body #menu ul li ul#submenu-viviendas li,
						html > body #menu ul li ul#submenu-sistema-constructivo li{ width:162px; }
					
						#menu ul li ul#submenu-myg li, #menu ul li ul#submenu-viviendas li, #menu ul li ul#submenu-sistema-constructivo li{
							margin:0 !important;
							padding:0;
							background:none;
							width:150px;
							background:url(../images/bg_item_son.jpg) repeat-y top left;
						}
						
						html > body #menu ul li ul#submenu-myg li a, html > body #menu ul li ul#submenu-viviendas li a,
						html > body #menu ul li ul#submenu-sistema-constructivo li a{
							width:160px;
							height:22px;
							margin:0 !important;
							padding-top:5px !important;
							padding-left:27px !important;
						}
						
						#menu ul li ul#submenu-myg li a, #menu ul li ul#submenu-viviendas li a, #menu ul li ul#submenu-sistema-constructivo li a{
							width:134px;
							height:22px;
							margin:5px 0 0 27px;
							padding:0;
							color:#fff;
							display: block;
							font-weight:normal;
							text-transform:none;
						}
						
						#menu ul li ul#submenu-myg li a:hover, #menu ul li ul#submenu-viviendas li a:hover,
						#menu ul li ul#submenu-sistema-constructivo li a:hover{	color:#e88b2b;	}
				
		/* CONTENT ********************************************************/
			
		#content{
			float:left;
			width:588px;
			margin-top:5px;
			margin-left:25px;
			display:block;
			min-height:460px;
			background:url(../images/bg_container.jpg) repeat-x top left;
		}
		
		html > body #contenedora #contenido #content{
			float:left;
			width:588px;
			margin-top:5px;
			margin-left:25px;
			display:block;
			min-height:460px;
		}	
		
			#content h1{
				width:540px;
				min-height:36px;
				background:url(../images/bg_h1.jpg) no-repeat bottom left;
				padding:0 0 0 48px;
				margin-bottom:10px;
				line-height:31px;
				font-weight:bold;
				font-size:105%;
				color:#9b2229;
			}
			
				#content .tituloSeccion{
					clear:both;
					min-height:22px;
					color:#e58b2a;
					border-bottom:1px dotted #aaa;		
					padding:0 0 0 32px;
					margin-bottom:10px;
					line-height:14px;
					font-weight:bold;
					font-size:90%;
					background:url(../images/bullet_h2.gif) no-repeat top left;
				}
				
				#content .titulo_h3{
					clear:both;
					min-height:22px;
					color:#2a2a2a;
					padding:0 0 0 22px;
					margin-left:10px;
					margin-bottom:10px;
					line-height:14px;
					font-weight:bold;
					font-size:80%;
					background:url(../images/arrow_top2.jpg) no-repeat top left;
				}
				
				
			
			#content #description-text{
				margin:10px;
				padding:0;
				text-align:justify;
				line-height:17px;
			}
				
				#content p{
					margin:10px;
					padding:0;
					text-align:justify;
					font-size:80%;
					line-height:17px;
				}
		
			#content #galeria{
				text-align:center;
				margin:20px 0;
			}
			
			
			/*-- caracteristicas --*/
	 
			ul.caracteristicas{
				color: #6d6566;
				margin: 0 10px 20px 10px;
				font-size:80%;
				clear:both;
				float:left;
			}
			
				ul.caracteristicas li{ 
					text-align:justify;
					float:left;
					clear:both; 
					width:550px;
					margin-bottom:30px;
					line-height:17px;
					background:url(../images/arrow_top.gif) no-repeat top left;
					padding-left:20px;
					font-size: 100%;
					margin:5px 0;
				}
			
			/*-- STICKERS --*/
			
			p.stickers {
				margin:10px 0 10px 5px!important;
				background:url(../images/bg_viviendas_detail.jpg) no-repeat top left;
				float:left;
				height:200px;
				width:570px;
			}
			
				.stickers img { float:left; margin:7px;}
				
				
			.download{
				clear:both;
				margin-top:5px;
				padding-left:15px;
				font-size:90%;
				background:url(../images/arrow_down.jpg) no-repeat top left;
			}
				
			/* LINK BACK **************************/
			#content p.linkback{
				font-size:80%;
				margin-left:0;
				padding-left:15px;
				clear:both;
				background:url(../images/arrow_left.jpg) no-repeat top left;
			}
				#content p.linkback a{
					text-decoration:none;
					font-weight:bold;
					color:#e58b2a;
				}
		
					#content p.linkback a:hover{ color:#2a2a2a; }
		

					
		/* ADICIONAL ********************/
		
		#adicional {
			float:left;
			width:164px;
			margin: 5px 10px 0 20px;
			padding:0 3px;
			background:url(../images/bg_additional.jpg) no-repeat top left;
		}
		
			#adicional p.textoCaja{
				margin:2px;
				padding:5px 5px 5px 0;
				font-size:80%;
				text-align:justify;
			}
			
			#adicional .tituloCaja{
				background:url(../images/bg_title_additional.jpg) no-repeat top left;
				width:155px;		
				height:24px;
				padding-left:10px;
				line-height:22px;
				font-weight:bold;
				color:#fff;
				text-transform:uppercase;
			}
				
				#adicional a.enlaceCaja{
					color:#e58b2a;
					float:right;
					font-size:80%;
					padding-right:15px;
					padding-bottom:3px;
					margin-right:4px;
					font-weight:bold;
					background:url(../images/bullet_plus.gif) no-repeat top right;
				}
				
					#adicional a.enlaceCaja:hover{ color:#2a2a2a; }
		
		/* PROYECTOS *******************/
		#proyectos{
			margin: 10px 0 20px 0;
			padding-bottom:5px;
			font-size:80%;
		}
				
				#proyectos img{
					margin:1px;
					border:1px solid #fff;					
				}
	
		/* VIVIENDAS ****************/
		#viviendas{
			width:161px;
			font-size:80%;
			padding-bottom:5px;	
		}
				#viviendas img{
					margin:1px;
					border:1px solid #fff;					
				}
	
			/* BANNERS ADICIONALES ************/
		
			#banner_visita_virtual{
				margin: 20px 0;
				margin-bottom: 10px;
				width: 161px;
				height: 50px;
			}
			
				#banner_visita_virtual img{
					width: 161px;
					height: 50px;				
				}
			
			.banners{
				width:161px;
				height:82px;
				margin: 10px 0 0 0;
				clear:both;
				float:left;
			}
			
	
	/* FOOTER ********************************************************/
	#pie{
		display:block;
		width:980px;
		height:56px;
		padding-top:40px;
		background:url(../images/bg_footer.jpg) no-repeat top left;
		padding-bottom: 20px;
	}
	
		#pie ul{ 
			clear:both; 
			float:left;
			width:90%;
			margin-bottom:8px;
			margin-left:12px;
		}
		
			#pie li{
				float:left;
				font-size:70%;
				color:#9b2229;
			}
			
				#pie li a{
					color:#2a2a2a;
					text-decoration:none;
				}
					#pie li a:hover{ color:#9b2229;	}
				
				#pie li span {color:#2a2a2a; }
					
	
	/* FORMULARIO DE CONTACTO **************************************************/
	form#contactForm {
		margin-top: 20px;
		margin-left: 70px;
		width: 450px !important;
	}
	
		form#contactForm p {
			margin: 0 ;
			padding: 0 ;
			height: auto ;
			float: left ;
			width: 225px;
		}
	
		form#contactForm p#parcela{
			height: auto;
			float: left;
			margin:0 !important;
			width: 223px;
			margin-bottom:20px !important;
		}
	
		form#contactForm label {
			display: block;
			color: #2a2a2a;
			font-size:90%;
		}
	
		
	
		input#str_name, input#str_direccion, input#str_telefono, input#str_email, input#str_apellidos, input#str_poblacion, input#str_fax, 
		input#str_hora { width:210px; font-size:90%; padding:2px; background-color:#f4f3f1;}
		
		input#str_parcela, input#str_parcela_no{
			width: 20px !important;
			display: inline !important;
			margin-right: 10px;
			text-align: center !important;
			margin-bottom:0 !important;
			border:0 !important;
			background:#fff !important;
		}
			label#radio_si, label#radio_no{
				width: 20px !important;
				/*border: 1px solid #000 !important;*/
				display: inline !important;
				text-align: center !important;
			
			}
		
		
			
		form#contactForm input, form#contactForm textarea {
			border: 1px solid #3e3e1e;
			margin-bottom:20px;
			overflow:hidden;
			padding:2px;
			background-color:#f4f3f1;
			overflow:auto;
		}
	
		form#contactForm textarea { width: 440px; }
		
			form#contactForm input:hover, form#contactForm textarea:hover{
				border:1px solid; 
				color:#9b2229;
				background-color:#fff;
			}
			
		p.bt_submit{
			float:right;
			clear:both;
			width:100% !important;
			margin:0;
			padding:0;
			height:40px !important;
		}
		
			input#contactFormsubmit {
				margin-right:4px;
				float:right;
				width: 100px;
				color: #fff;
				font-weight: bold;
				background:url(../images/bg_menu.jpg) no-repeat bottom right !important;
			}
				input#contactFormsubmit:hover {
					background:url(../images/bg_item_son.jpg) no-repeat top right !important;
					color:#fff !important;
				}	
			
			
	
	/*-- MENSAJES ERROR Y SUCCESS --*/
	
	div.error, div.success {
		width: 530px;
		color: #fff;
		padding: 10px;
		margin-left:20px;
		margin-top:20px;
		
	}
	
	.error{ background:#fee1e2; }
	
		.error li{
			font-size:70%;
			color:#2a2a2a;
			margin-left:10px;
			line-height:15px;
		}
		
		.error p{ 
			color:#333 !important; 
			font-size:110%;
			font-weight:bold;
			border-bottom:1px dotted #2a2a2a;
		}
			
	
	div.success {
		background: #e1fee6;
		color:#fff !important;
		border:1px solid #ccc;
	}
		div.success p{ color:#333 !important; font-weight:bold;  }
	
	div.success p {
		margin: 0 !important;
		padding: 0 !important;
		height: auto !important;
	}