/* Reseteamos el CSS */
p,h1,form,fieldset,label,input{
	border:0;margin:0;padding:0;
}

body{
	background:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:76%;
	color:#418eb6;
	background-image:url(../guia/hoteles/images3/fondotop2011.jpg); background-repeat:repeat-x;
	margin: 0; 	padding: 0;
	
}
fieldset{
	width:475px;
	margin:auto;
	overflow:hidden;
	padding:20px;
	
}
h1{
	margin:10px 0 0 0;
	font-size:2.2em;
	color:#333333;
}
p{
	margin:0 0 30px 0; padding:0 0 5px 0;
	font-size:10px;
	border-bottom:1px solid #F1F1F1;
}
label{
	float:left;/* Importante, para la alineación */
	width:200px; /* ancho del label */
	font-size:1.6em;
	margin:5px 0 15px;
}
.file { padding:10px;}
textarea {color:#333;font-size:1.6em;
	background-color:#F0F0F0;
border-top:1px solid #B8B8B8;
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
		background-color:#F0F0F0;
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
	}
input{
	float:left;/* Importante, para la alineación */
	width:235px; height:15px;/* Medidas del Input */
	margin:0 0 15px 0; padding:10px;
	color:#333;font-size:1.6em;
	background-color:#F7F7F7;
}
select{
	float:right;/* Importante, para la alineación */
	/* Medidas del Input */
	width:275px;
	margin:0 0 10px 0; padding:15px;
	color:#333;font-size:1.4em;
		border-top:1px solid #B8B8B8;
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
		background-color:#F0F0F0;
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
span{
	font-size:10px; /* Tamaño más pequeño para las indicaciones */
	display:block; /* hace que salte de linea */
}
/* Personzaliando el botón de registrar */
#registrar{
	float:left;
	padding:0; margin:15px 0 0 140px;
	background:#d0e8f7; color:#418eb6;
	width:185px;height:45px;
}
/* Hover a nuestro Boton 
   No funciona en IE6(no se por qué lo siguen usando xD) */
#registrar:hover{
	background:#418eb6; color:#d0e8f7;

}
/* Opcional - Bordes Redondeados
   Solo funciona con Firefox / Safari / Google Chrome */
input,#registrar{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	border-top:1px solid #B8B8B8;
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
}
/* Si usan esto ultimo no validara, porque aun no lo han estanderizado
   pero funciona a la perfección - salvo con IE (la oveja negra) */


.uploader{
position:relative;
display:inline-block;
overflow:hidden;
cursor:default;
padding:0;
margin:10px 0px;
-moz-box-shadow:0px 0px 5px #ddd;
-webkit-box-shadow:0px 0px 5px #ddd;
box-shadow:0px 0px 5px #ddd;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.filename{

float:left;
display:inline-block;
outline:0 none;
height:32px;
width:380px;
margin:0;
padding:8px 10px;
overflow:hidden;
cursor:default;
border:1px solid;
border-right:0;
font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
text-overflow:ellipsis;
white-space:nowrap;

-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;

background:#f5f5f5;
background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
border-color:#ccc;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.button{
width:130px;
float:left;
height:32px;
display:inline-block;
outline:0 none;
padding:8px 12px;
margin:0;
cursor:pointer;
border:1px solid;
font:bold 9pt/100% Arial, Helvetica, sans-serif;

-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;
}


.uploader input[type=file]{
position:absolute;
top:0; right:0; bottom:0;
border:0;
padding:0; margin:0;
height:30px;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
}

input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}


.blue .button{
color:#fff;
text-shadow:1px 1px 0px #09365f;
background:#064884;
background:-moz-linear-gradient(top, #3b75b4 0%, #064884 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b75b4), color-stop(100%,#064884));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b75b4', endColorstr='#064884',GradientType=0);
border-color:#09365f;
}

.blue:hover .button{
background:#3b75b4;
background:-moz-linear-gradient(top, #064884 0%, #3b75b4 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#064884), color-stop(100%,#3b75b4));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#064884', endColorstr='#3b75b4',GradientType=0);
}
.orange .button{
color:#fff;
text-shadow:1px 1px 0px #c04501;
background:#d54d01;
background:-moz-linear-gradient(top, #f86c1f 0%, #d54d01 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f86c1f), color-stop(100%,#d54d01));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86c1f', endColorstr='#d54d01',GradientType=0);
border-color:#c04501;
}

.orange:hover .button{
background:#f86c1f;
background:-moz-linear-gradient(top, #d54d01 0%, #f86c1f 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d54d01), color-stop(100%,#f86c1f));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d54d01', endColorstr='#f86c1f',GradientType=0);
}

.black .button{

color:#fff;
text-shadow:1px 1px 0px #111111;
background:#222222;
background:-moz-linear-gradient(top, #444444 0%, #222222 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222',GradientType=0);
border-color:#111111;

}

.black:hover .button{
background:#444444;
background:-moz-linear-gradient(top, #222222 0%, #444444 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#444444));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444',GradientType=0);
}
.post-line { clear: both; border-bottom: 1px #ccc dotted; margin-bottom: 20px; padding-top: 10px; }

.camera { background-image:url(guia/hoteles/design2011/images/Camera_icon.gif); background-position:left;
background-repeat:no-repeat;
width:130px;
height:50px;
float:right;}









.camera {
background-image:url(../../../../../../AppServ/www/rutahotelera/guia/hoteles/design2011/images/Camera_icon2.gif);
}


.post-line { clear: both; border-bottom: 1px #ccc dotted; margin-bottom: 20px; padding-top: 10px; }
.formulario { width:800px; margin-left:auto; margin-right:auto;
color:#0099CC; font-size:10px;
}
.textfield1 { width:60px}

.top { background-color:#F1F1F1; height:60px; width:auto100%; margin:0px; border-bottom: 1px #ccc dotted; border-top: 1px #ccc dotted; }
#top { background-image:url(../guia/hoteles/images3/topbg2011.jpg); background-repeat:no-repeat; height:48px; background-position:center; margin:0px; } 
#top2 { background-image:url(../guia/hoteles/images3/fondotopbg2011.jpg); background-repeat:repeat-x; height:48px; } 
#header { background-image:url(../guia/hoteles/images3/header2011.jpg); background-repeat:no-repeat; height:156px; background-position:center;}
#logo {background-image:url(../guia/hoteles/images3/logo2011.jpg); background-repeat:no-repeat; height:100px; background-position:top;}
.condiciones { font-size:14px; padding-right:10px; color:#999933;}
.condiciones a{ font-size:14px; padding-right:10px; color:#999933;}
#footer{ padding-left:50px; padding-bottom:30px;}
.boton { float:right; margin-right:200px; padding:20px;}

.botoncito { float:right; margin-right:200px; padding:10px;}
.star { color:#CC9900; font-size:19px;float:right;}
.datos { color:#333; font-size:16px; float:right;}

.black .button{

color:#fff;
text-shadow:1px 1px 0px #111111;
background:#222222;
background:-moz-linear-gradient(top, #444444 0%, #222222 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222',GradientType=0);
border-color:#111111;

}

.black:hover .button{
background:#444444;
background:-moz-linear-gradient(top, #222222 0%, #444444 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#444444));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444',GradientType=0);
}






pre { background:#E0E9EF; color:#000; border:1px solid #CCC; width:500px; margin-left:40px; padding:10px; font-size:11px; overflow:auto;  }
hr { border:0; height:1px; border-top:1px solid #5DB0E6; padding:0; margin:5px 0; }

a { text-decoration:none; border:0; color:#0066CC; }
img { border:0; }
p { padding-right:40px;}

.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#wrapper { border-left:8px solid #5DB0E6; margin:0; padding: 20px 0 20px 0; }
#sidebar { width:229px; margin:0 20px 0 0; float:left; position:fixed; top:20px; left:8px; }
#content { width:600px; padding:0; margin-left:247px; }

#navigation { list-style-type:none; margin:0; padding:0; line-height:1.0em;}
#navigation a { display:block; padding:5px; background:#C2CACF; margin:1px 0 0 0; color:#000; padding-left:32px; }
#navigation a:hover { background:#15191D; color:#FFF;  }

#sidebar .title { line-height:1.0em; background-color:#A7AEB3; padding:5px; color:#000; padding-left:27px; font-size:11px; margin: 10px 0 20px 0; text-align:center; }
#sidebar .version { line-height:1.0em; background-color:#A7AEB3; padding:5px; color:#FFF; padding-left:32px; font-size:11px; margin: 5px 0 10px 0; }
#sidebar .company a { font-size:18px; color:#FFF; padding-left:32px; }
#sidebar .company a strong { font-size:18px; color:#5DB0E6; }
#sidebar .version strong { color:#39414A; }
#sidebar .title strong { color:#39414A; }

#content p { padding-left:20px; }
#content .form { padding-left:40px; width:400px; }
#content .form * { vertical-align:middle; }
#content .usage { border:1px solid #39414A; margin: 20px 40px; padding:10px; margin-top:20px; background-color:#f2dede; }
  
.copyright { color:#7BC4F4; text-align:center; }
.copyright a { color:#7BC4F4; font-weight:bold; }

.downloadinfo { width:400px; float:left; margin-top:10px; }
.downloadinfo p { padding:0; }
a.download { font-size:14px; text-decoration:underline; }
a.download:hover { text-decoration:none; }

.inuse { padding:0 20px 5px 20px; margin:0 0 5px 0; }
.inuse h3 { color:#5DB0E6; }
.inuse a { color:#FFF; }
.inuse a:hover { text-decoration:underline; }
.inuse ul { list-style-type:none; margin:10px 0; padding:0; }

.textbox { padding:3px; font-size:14px; width:294px; } 
  
/* Autocomplete: */
.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
/*.autocomplete strong { font-weight:normal; color:#3399FF; }*/
.autocomplete strong { font-weight:normal; color:#333; }
#selection { padding:5px; font-weight:bold; height:20px; }
#selection img { vertical-align:middle; }

#footer a{ color:#0066CC; }
#footer { color:#666666; }
.text {color:#666666;}
.text 2 { color:#0066CC;}

.textfield:hover {background:#FDFDFD;}
.textfield:focus {background:#FDFDFD; border:1px solid #0099CC;}