/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub,  tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

:focus {
     outline: 0
}

/*ol, ul {
     list-style: none
}*/

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/*style*/
body{
	background-color: #333333;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	font-size: 80%;
	line-height: 20px;
}

#wrapper{
	background-color: #DCDEBB; /* container positioning */
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	margin-top:0px;
	width: 1000px;
	background-image: url(_imgs/residencia-escorial-fondo.jpg);
	background-repeat: no-repeat;
	height: 700px;
}
#header{
	width: 1000px;
	height: 195px;
}
#menu{
	float: right;
	width: 1000px;
	height: 20px;
	margin-top: 0px;
	background-color: #FFFFCC;
}
#menur{
	float: right;
	width: 800px;
	height: 8px;
	margin-top: -8px;
}

#menu ul li{
	display: inline;
	margin-right: 35px;
	margin-left: 10px;
}
#menur ul li{
	display: inline;
	margin-right: 5px;
	margin-left: 10px;
}

/* the Gallery (Unordered List) - position:relative is for ie7 */
#gallery {
	position:relative;
	float:left;
	margin-top:50px;
	overflow:hidden;
	height:275px /* FF .8 */;
	width:400px;
	background:#000;
	border:1px solid #000;
	z-index:1/* IE Mac */;
	margin-left: 20px;
}
#gallery li {display:inline;overflow:hidden;height:75px}
#gallery li img {
	border:5px solid #000;
	width:75px;
	height:50px;
	display:block;
	margin:0 auto;
	position:relative;
	z-index:10
}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {
	display:block;
	float:left;
	height:50px !important /* IE5 Mac */;
	width:75px;
	position:relative;
	color:#fff
}
#gallery li a:hover {
	color:#000;
	
} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {
	
}
#gallery span {/*position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1*/display:none}
#content {margin:10px 10px 20px 270px}
.note {font-style:italic;color:#336600}
dd a,.note a {
	color:#fff
}
/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {
	color:#fff; 
	
}
#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:50% !important;height:440px;margin-top:-215px}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {display:block;font-size:1.1em;margin:20px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:transparent !important;cursor:default;text-decoration:none}
#zDIV_slideShow #zA_description {/*color:#336600;padding:9px 3px;border:2px solid #000;width:350px;margin:0 auto;display:block*/ display:none}
#zDIV_counter { display:none
	/*display:block;
	width:10em;
	margin:9px auto;
	background:#333;
	color:#336600;
	padding:3px;
	font: .9em Arial, Helvetica, sans-serif*/
}
#zIMG {
	margin-top:8px;
	padding:3px;
	background:#000;
	border:1px solid #000
}
#zDIV_slideShow {padding-bottom:45px !important} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}
* html #gallery {width:222px}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}

#container{
	width: 1000px;
	float: left;
	height: 485px;
	display: inline;
}
#foto{
	height: 308px;
	border:#fff 1px solid;
	float: left;
	margin-left: 20px;
	margin-top: 70px;
	width: 443px;
}
#titulo{
	margin-top: 30px;
	width: 950px;
	float: none;
	text-align: center;
}
#intro {
	width:400px;
	text-align:justify;
	float: right;
	margin-left: 30px;
	margin-right: 50px;
	margin-top: 70px;
	height: 375px;
}
#intro2 {
	width:400px;
	text-align:justify;
	float: right;
	margin-left: 30px;
	margin-right: 50px;
	margin-top: 70px;
	height: 375px;
}
#tabla-items {
	width:420px;
	float: left;
	margin-left: 250px;
	margin-right: 0px;
	margin-top: 50px;
	height: 365px;
}
#tabla-precios {
	width:50px;
	float: left;
	margin-left: 0px;
	margin-top: 50px;
	height: 365px;
	text-align: left;
	list-style-type: none;
}
#tabla-items ul{
	list-style-type: none;
	text-align: left;
}
#tabla-precios ul{
	list-style-type: none;
	text-align: left;
}
#tabla-precios ul li,#tabla-items ul li{
	list-style-type: none;
	text-align: left;
	border-bottom: 1px #fff solid;
}
#direccion {
	float: left;
	width: 1000px;
	display: inline;
	padding: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	height: 30px;
}
#direccion-tarifas {
	float: left;
	width: 1000px;
	margin-top: 5px;
	margin-bottom: 0px;
	display: inline;
}
#direccion-fotos {
	float: left;
	width: 1000px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#footer{
	width: 1000px;
	float: left;
	height: 30px;
	display: inline;
}
#footer-tarifas{
	width: 1000px;
	float: left;
	height: 30px;
}
#footer-fotos{
	width: 1000px;
	float: left;
	margin-top: -10px;
	display: inline;
}
/*----------------------------------------------------------------------------
clases
*/

.texto {
	text-decoration:none;
	font-size: 100%;
	color: #CCCCCC;
}
.link {
	text-decoration:none;
	font-size: 110%;
	color: #336600;
}
.textof {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:85%;
	text-decoration:none;
	color:#000
}
.textod {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:85%;
	text-decoration:none;
	color:#fff
}
.textof a {font-family:"Trebuchet MS", Verdana, sans-serif;font-size:11px; text-decoration:none; color:#000}

img {

	border: none;
	text-align: center;
}
.active{ color: #D1605F; text-decoration: none;}
.link, .menu , .mail, .texto {
	
	text-decoration:none
}
a.link:hover { color:#D1605F;}
a.mail:hover { color:#D1605F;}
a.menu:hover{
	color: #FFFFFF;
}
.blanco {
	color: #000000;
	font-size: 110%;
}

.precio{
	text-align: center;
	font-weight: 900;
	font-size: 110%;
}

.mail{ font-weight: 900;}
.espacio{ line-height:7px}
/*----------------------------------------------------------------------------
Headers
*/

h1 {
	font-size: 200%;
	color: #3E6E0A;
	
	display: inline;
	font-weight: lighter;
}
h2 {
	font-size: 120%;
	margin-left: 180px;
	font-weight: lighter;
}