/*	CSS Base + Reset

	    * Clear
	    * Reset
	    * Tags
	    * Layout
	    * Forms
	    * Grid
	    * Pages
*/

/* =CLEAR FLOATS
----------------------------------------------- */
.clearfix:after, div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, div {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html div,p *html {height: 1%;}
.clearfix, div {display: block;}
/* End hide from IE-mac */

/*IEPNGFIX
----------------------------------------------- */
/*img, div, h1, a { behavior: url(http://www.viajerosbarcelo.com/styles/iepngfix.htc) }*/

/* =RESET
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td,label{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,address,caption,cite,pre,code,dfn,em,strong,th,var{font-size:100%; font-style:normal; }
ul,ol{list-style:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
input,textarea,select{font-family:inherit;font-size:11px;font-weight:normal;}
/*li { font-size:1.1em;}*/


/* =TAGS REDEF 
----------------------------------------------- */
body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;text-align:center; text-align:center; background:#FFFFFF;color:#333;}
/*a { color:#00B1E4; outline:none; text-decoration:none; }*/
h2 { }
h3 { }
h4 { }
h5 { }
h2 span { }
h3 span, h4 span { }
/*p, label, li { font-size:1.2em; }*/
h1,h2,h3,h4,h5,h6,strong,b { }
em,i { }
abbr,acronym { } 
th { }
caption { }
img { _margin-bottom:-3px;}

/* =FORMS
----------------------------------------------- */
/* setting a consistent width, 160px; 
   control of type=file still not possible */
/*input[type=text],input[type=password],textarea{ width:12.25em; *width:11.9em; }*/

/* LAYAOUT
----------------------------------------------- 
h1 { float:left; text-indent:-999999em; width:350px; height:114px; background:#00b1e4 url(../img/logo_vb.png) no-repeat 0 0; float:right;  }
h1 a { width:350px; height:114px; display:block;}*/
#page { width:940px; margin:0 auto; text-align:left; background:#ccc; }

/* HEADER
----------------------------------------------- */
#dest_barcelo { height:50px; background:#FFF}
#dest_barcelo a.logo { background: url(../img/logo_barceloviajescom.gif) no-repeat bottom right; display:block; height:28px; width:182px; text-indent:-99999em;float:left; padding:13px 0 0 27px;}
#dest_barcelo ul { float:right; width:402px; padding-top:15px;}
#dest_barcelo ul li { display:inline;}
#dest_barcelo ul li img { margin:0 4px -2px 0;}
#dest_barcelo ul li a { color:#999; text-decoration:underline; font-size:.9em}
#dest_barcelo ul li strong { color:#6695ff; font-size:1.2em; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:0 10px; margin:0 10px}
#dest_barcelo ul li strong span { color:#999; font-size:.8em;em; font-weight:normal !important;}

#header_new { height:114px; width:100%; /*background:#00b1e4;*/}
#header_new .logobarcelo { background:url(../img/logo_vb_2.jpg) no-repeat 0 0; display:block; width:67px; height:67px; text-indent:-99999em; float:left; margin:28px 0 0 24px;}
#header_new .bloque_der { float:right; /*background:#00b1e4;*/ width:290px; height:114px;}
#header_new a.logoviajeros { display:block; width:285px !important; height:43px; background:url(../img/logo_vb.png) no-repeat 0 0; text-indent:-99999em; position:absolute; margin-top:55px;}

#header_new ul#menu { float:left; width:380px; padding:15px 0 0 27px;}
#header_new ul#menu li { width:190px; display:block; float:left; padding-bottom:4px; }
#header_new ul#menu li a { font-weight:bold; color:#fff; font-size:1em; text-decoration:none;}
#header_new ul#menu li a:hover { color:#333;}

.buscador { width:280px; margin:10px 0 0 0; font-size:1.1em; text-align:right; position:absolute; float:right; }
.buscador input { width:112px; margin:3px 0 0 0; padding:3px; } 
.buscador span { text-align:left !important; clear:both; padding-top:3px; height:0%; display:block; padding-left:133px;}
.buscador a { color:#333; font-weight:bold; text-decoration:underline; padding-right:15px; background:url(../img/lupa.png) no-repeat 0 3px; padding-left:15px;}
.buscador a:hover { text-decoration:none;}

.textobuscar { display:inline; background-color: #FFFFFF; border: 1px solid #BBBBBB; margin:0; padding: 0; float:left;	}
.botonbuscar{ display:inline; cursor:pointer; color:#666; padding:0; margin:0; background:#BBB url(../img/boton_buscar.gif) no-repeat center; display:block; width:22px; height:22px; border:none; float:left;}


/* PAGINACION
----------------------------------------------- */
ul#paginacion li { display: inline; float:left; width:39px; height:34px; }
ul#paginacion li a { display: inline; float:left; width:39px; display:block; text-decoration:none; background:#f1f1f1; border-left:1px solid #FFF; border-right:1px solid #FFF; color:#797979; text-align:center; font-size:.9em; padding:10px 0}
ul#paginacion li a:hover, ul#paginacion li a.selected { background:#fff; font-weight:bold;  }

ul#paginacion li.anterior a { background:#f1f1f1 url(../img/flecha_anterior.gif) no-repeat center center; text-indent:-999999em;}
ul#paginacion li.anterior a:hover { background:#fff url(../img/flecha_anterior.gif) no-repeat center center;}
ul#paginacion li.siguiente a { background:#f1f1f1 url(../img/flecha_siguiente.gif) no-repeat center center; text-indent:-999999em;}
ul#paginacion li.siguiente a:hover { background:#fff url(../img/flecha_siguiente.gif) no-repeat center center;}
.newsletter ul#paginacion { padding-left:20px; margin-top:-20px;}
.gird_destinos { background:url(../img/destinos/bg_gird_destinos.gif) repeat-y right;}

ul#paginacion_text {margin-left:30px;margin-top:30px;}
ul#paginacion_text li { display: inline; float:left; width:39px; height:34px; }
ul#paginacion_text li a { display: inline; float:left; width:39px; display:block; text-decoration:none; background:#AEAEAE; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; color:#797979; text-align:center; font-size:.9em; padding:10px 0}
ul#paginacion_text li a:hover, ul#paginacion_text li a.selected { background:#B8B8B8; font-weight:bold;  }

ul#paginacion_text li.anterior a { background:#AEAEAE url(../img/flecha_anterior.gif) no-repeat center center; text-indent:-999999em;}
ul#paginacion_text li.anterior a:hover { background:#B8B8B8 url(../img/flecha_anterior.gif) no-repeat center center;}
ul#paginacion_text li.siguiente a { background:#AEAEAE url(../img/flecha_siguiente.gif) no-repeat center center; text-indent:-999999em;}
ul#paginacion_text li.siguiente a:hover { background:#B8B8B8 url(../img/flecha_siguiente.gif) no-repeat center center;}

/*FOOTER
----------------------------------------------- */
/*#footer { background: #FFF; text-align:left; padding:20px; width:920px; margin:0 auto;}*/
/*#footer .logo { display:block; float:left; width:67px; height:67px;}*/
/*#footer p { display:block; float:right; width:800px; text-align:right; padding:0; font-size:1em; color:#999;}*/
/*#footer ul { float:right; padding:25px 0 5px 0; }*/
/*#footer li { display:inline; font-size:1em; border-right:1px solid #999; padding:0 10px; } */
/*#footer li a { color:#999;}*/
/*#footer li a:hover { color:#00b1e4;}*/
/*#footer li.last { border:0; padding-right:0;}*/

/*CARROUSELL OHTOOLS
------------------------------------------------*/
h3#ohtool-t1 { text-transform:uppercase}
span.titohtool_01 { color:#D892BB;}
span.titohtool_02 { color:#DEDC1E;}
span.titohtool_03 { color:#f8b322;}
span.titohtool_04 { color:#98ceea;}
span.titohtool_05 { color:#6a766d;}
span.titohtool_06 { color:#1a6282;}

a.prev { background:url(../img/ohtools/flecha-izquierda.gif) no-repeat 0 0 !important; }
a.prev:hover { background:url(../img/ohtools/flecha-izquierda.gif) no-repeat 0 -30px !important; }
a.next { background:url(../img/ohtools/flecha-derecha.gif) no-repeat 0 0 !important; }
a.next:hover { background:url(../img/ohtools/flecha-derecha.gif) no-repeat 0 -30px !important; }

