/*
Theme Name: Hotel City One
Theme URI: http://www.alfawebcr.com
Description: Tema para el sitio web del Hotel City One creado por <a href="http://www.alfawebcr.com">Alfaweb</a>.
Version: 1.0
Author: Fabian Vargas
Author URI: http://www.alfawebcr.com
*/

/*-----------Reset General--------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-----------Inicia Diseņo----------------*/
.bloque{display:block; text-indent:-1000em; overflow:hidden;}
.clear{clear:both;}
strong{font-weight:bold; color:#1e577f;}
a{text-decoration:none; color:#1e577f; font-weight:bolder; }
a:hover{text-decoration:underline; color:#595e63;}
a:visited{text-decoration:none; color:#FFF; font-weight:bolder;}
a.reserve{position:absolute; top:0; left:50%; width:150px; height:121px; margin-left:280px;	background: url(images/reserve-now.png) no-repeat;}
/*-------------Encabezados----------*/

h1{position:absolute; width:264px; height:174px; top:55px; left:50%; margin-left:-132px; z-index:20;}
h1 a{width:264px; height:174px; background: url(images/h1-cityone.png) no-repeat;}

.h2-home{width:354px; height:66px; background: url(images/h2-home.gif) no-repeat; margin:25px auto;}
h3 a.h3-services{width:290px; height:155px; background: url(images/h3-services.gif) no-repeat;}
h3 a.h3-rooms{width:290px; height:155px; background: url(images/h3-rooms.gif) no-repeat;}
h3 a.h3-tourdesk{width:290px; height:155px; background: url(images/h3-tourdesk.gif) no-repeat;}

body{background: #8ac0e9 url(images/bg-web.jpg) repeat-x left top;	font: 14px/22px "Palatino Linotype", Helvetica, Arial;
	color: #27292b;
}
#wrap{width:900px; margin:0 auto;}

.top-centro{margin-top:135px; width:900px; height:15px; background: url(images/top-centro.gif) no-repeat;}
#centro{width:880px; padding:10px; }
.fondocentro{background: #FFF url(images/centro-bg.jpg) no-repeat 15px 15px;}
.fondopagina{background: #FFF;}
.bottom-centro{width:900px; height:15px; background: url(images/bottom-centro.gif) no-repeat; margin-bottom:15px;}

#flash-container{width:271px; height:400px; float:left; display:block;}
#info{float:right; width:515px; padding:20px; }

#info h2, #info h2 a{font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 48px; line-height: 40px; letter-spacing: -1px;
color: #1e577f; margin:15px 0; 	padding: 0;  font-weight: 100;}

#info h3{font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 48px; line-height: 40px; letter-spacing: -1px;
color: #1e577f; margin:15px 0; 	padding: 0;  font-weight: 100;}

#offers{width:900px; height:135px; background: url(images/offers.gif) no-repeat; margin-bottom:15px;}

#izquierda{width:290px; float:left;}
#principal{margin:0 305px;}
#derecha{width:290px; float:right; }

#footer{width:900px; text-align:center; margin-bottom:20px; margin-top:25px;}
/*---------Menus------------*/
ul.menu{width:900px; height:39px; background: url(images/menu-bg.gif) no-repeat left top; position:relative;}
ul.menu li{position: absolute; margin:0; padding:0;}
ul.menu li a{display:block; height:39px; text-indent:-10000em; overflow:hidden;}

#main1 {left: 0; width: 104px; }
#main2 {left: 104px;  width: 117px;}
#main3 {left: 223px; width: 180px;}
#main4 {left: 405px; width: 135px;}
#main5 {left: 540px; width: 114px;}

ul.menuinferior li{display:inline; margin-right:10px;}