/*
Author: Héctor García
*/

* { margin: 0; padding: 0; } 

/* Body */
body{
  background: url('img/header/nuevodegradado.gif') repeat-x top left #fff;
  font-family: 'Lucida Grande', Arial, 'Helvetica Neue', 'Helvetica', Verdana, sans-serif;
}

/* Container */
#container { width: 1240px; margin: 19px auto 20px auto; }

/* Header */
#header {
  margin: 0 0 20px 20px;
  width: 1200px;
}

#header h1 a {
  display: block;
  background: url('img/header/logo.gif') no-repeat left top;
  height: 90px;
  text-indent: -1000px;
}

#header {
  background: url('img/header/header_bgn.gif') no-repeat left top;
}

/* CLASS: .nav  DESCRIPTION: top navigation menu */
.nav {
  float: right;
  margin-top: -44px;
}
.nav li {
  float: left;
  list-style-type: none;
}

.nav a {
  display: block;
  overflow: hidden;
  text-indent:-2000px;
  height: 45px;
}

.nav a.header_btn1 {
  width: 50px; 
  background:url('img/header/menu_btn1.gif') center no-repeat;
}

.nav a.header_btn2 {
  width: 112px;
  background:url('img/header/menu_btn2.gif') center no-repeat;
}

.nav a.header_btn3 {
  width: 104px;
  background:url('img/header/menu_btn3.gif') center no-repeat;
}

.nav a.header_btn4 {
  width: 106px;
  background:url('img/header/menu_btn4.gif') center no-repeat;
}

.nav a.header_btn5 {
  width: 100px;
  background:url('img/header/menu_btn5.gif') center no-repeat;
}

.nav a.header_btn6 {
  width: 50px;
  background:url('img/header/menu_btn6.gif') center no-repeat;
}

/* CONTENT WRAPPERS */
#content_box { width: 1220px; text-align: left; float: left; clear: both; }
#content { width: 730px; padding: 0 25px 0 25px; float: left; }

h1, h2, h3, h4{
	font-family: 'Lucida Grande', Arial, 'Helvetica Neue', 'Helvetica', Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

blockquote {
	background: url(/images/comillas.gif) no-repeat 0 3px;
	color: #666;
	padding-left: 20px;
	font-style: italic;
	margin-bottom: 1px;
	display:block;
	padding-top:5px;
	background-color: #eef
}

blockquote:hover{
	border-color: #ccc;
	color: #666;
}

abbr, acronym {
	border-bottom: 1px dotted #555;
	cursor: help;
}

code{
	font-family: 'Courier New', Courier, Fixed;
	color: #008000;
}

.izquierda{
	float: left;
}

.derecha{
	float: right;
}

fieldset{
	border: 1px solid #eee;
}

fieldset:hover{
	border-color: #999;
}

fieldset:hover legend{
	color: #999;
}

legend {
	font-size: 12px;
	color: #ccc;
}

/* Imagenes */

img {border:none;}

img.izquierda, img.left, img.i, img.l {
	float: left;
	margin: 0 10px 5px 0;
}

img.derecha, img.right, img.d, img.r {
	float: right;
	margin: 0 0 5px 10px;
}

img.borde, img.border, img.b {
	border: 1px solid #999;
	padding: 1px;
	background: #fff;
}

img.centro, img.center, img.c {
	margin: 0 auto;
	display: block;
}

img.gravatar {float: right;}

/* Enlaces */

a {
	color: #06f;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

h1 a, h1 a:hover,

h2 a, h2 a:hover {
	color: #333;
}

.edit a {
	color: #f00;
	padding: 2px;
}

.edit a:hover {
	color: #fff;
	background: #f00;
	border-color: #f00;
}

a.accion, a.accion:hover {
	color: #000;
	text-decoration: none;
}

.navigation a {
	border: 1px solid #eee;
	padding: 5px;
}

.navigation {
	font-size: 16px;
}

.navigation .main{
	float: right;
	padding-bottom:25px;
}

.navigation .left {
  margin-top: 20px;
  float: right;
}

.navigation a:hover {
	background: #06f;
	color: #fff;
	border-color: #06f;
	text-decoration: none;
}

.aviso a {
	text-decoration: underline;
	color: red;
}

.feed {
	padding: 2px 0 2px 22px;
	background: url('img/feed.png') no-repeat center left;
}

/* box hover effect */
.asides,
.results,
.aviso {
	border: 1px solid #eee;
	padding: 10px;
}

.asides:hover,
.results:hover,
.aviso:hover {border-color: #999;}

/* Footer */

.footer {
	border-top: 3px solid #08c;
	border-bottom: 5px solid #000;
	background: url('img/fondo.gif') repeat-x top left #fff;
	font-size: 13px;
  color: #777;
	clear: both;
}
.footer p {
  padding-left:8px;
  padding: 5px 5px 5px 5px;
}

/* Asides */

.asides {
	list-style-type: none;
	margin: 0 0 20px 0;
}

.asides li {
	font-size: 12px;
}

.asides span {
	font-size: 10px;
}

.asides .sign {
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	padding: 0 4px 0 0;
}
/* blog */

/*
#blog {
	float: right;
	width: 550px;
}

.yah {
	font-size: 10px;
	color: #444;
	margin: 0;
	padding: 0;
}
*/
.results {
	font-size: 19px;
	font-weight: normal;
	color: #222;
	margin: 0 0 20px 0;
}

.date {
	color: #ddd;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 26px;
	font-weight: bold;
	color: #444;
}

.meta {
	font-size: 11px;
	color: #888;
}

/* Texto de los posts */
.blah {
  font-size: 16px;
  line-height: 1.618;
  letter-spacing:-0.5px;
}

.blah li {
  margin-left: 35px;
}

.blah ul {
  margin-top: 5px;
  margin-bottom: 10px;
}

.blah p {
    margin-bottom: 15px;
    margin-top: 5px;
}

.post {
  margin: 0 0 30px 0;
  font-size: medium;
}

/* MetaComm metacomments */

.metacomm {
  font-size: 16px;
  height: 60px;
  margin-bottom: 10px;
  background: url('img/bg_post_info.png') 0 bottom no-repeat;
}

a.comments {
  margin-left: 20px;
}

.comentar {
  padding: 20px 0 0 30px;
  width: 360px;
}

.comentar a {
  padding: 1px 2px;
  line-height: 200%;
  border: 1px solid #69c;
  text-decoration: underline;
  border-radius: 3px;            /* CSS3*/
  -webkit-border-radius: 3px;    /* Webkit */
  -moz-border-radius: 3px;       /* Firefox */
  color: #fff;
  background: #58c;
}

.comentar a:hover {
  text-decoration: none;
  border-color: #def;
  color: #6683ff;
  background: #def;
}

.compartir {
  padding: 25px;
  float: right;
  text-align: right;
  width: 150px;
}

//* comentarios */

#comments {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
}

#comments ol {
  margin: 0;
  padding: 0;
}

#comments li {
  margin: 0 0 30px 0;
  list-style-type: none;
  box-shadow: 2px 2px 1px #888;
}

#comments .fin{
  height:10px; clear:both;
}

.comentario {
  margin: 0 0 -10px 10px;
  padding: 15px;
  overflow: hidden;
  width: 370px;
}

.autor{font-size:12px;font-weight:700;color:#333;width:110px;float:left;text-align:right;padding:5px;
margin-left:10px;}

.autor span {
  font-size: 10px;
  color: #999;
}

#commentform {
  font-size: 14px;
}

.dato, textarea {
	border: 3px double #ddd;
	color: #ccc;
	padding: 4px;
	font: normal 11px "Lucida Grande", Arial, Verdana;
}

#commentform .dato {width: 405px;}
#commentform textarea {width: 495px;}

.dato:focus, textarea:focus {
	border: 3px double #bbb;
	color: #333;
}

.aviso {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0;
	color: red;
	text-align: center;
}

/* barra lateral */

#sidebar {
	width: 220px;
	float: left;
	margin: 0 0 30px 0px;
	font-size: 12px;
}

#sidebar .secc {
	background: url('img/menu-top.gif') no-repeat top center;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
}

#sidebar .secc .fin {
	background: url('img/menu-bot.gif') no-repeat bottom center;
	height: 10px;
	margin: 0 -10px 0px -10px;
}

#sidebar h2 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

#sidebar ul {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 17px;
}

#l_sidebar {
	width: 220px;
	float: left;
	margin: 0 0 30px 0;
	font-size: 12px;
}

#l_sidebar .secc {
	background: url('img/menu-top.gif') no-repeat top center;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
}

#l_sidebar .secc .fin {
	background: url('img/menu-bot.gif') no-repeat bottom center;
	height: 10px;
	margin: 0 -10px 0px -10px;
}

#l_sidebar h2 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

#l_sidebar ul {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 17px;
}

/* archive */

.archive {
	background: url('img/archive-bg.gif') no-repeat top left;
	margin: 30px 0;
	padding: 10px 10px 30px 10px;
}

.arch, .cat, .links, .latest {
	width: 200px;
	margin: 0 10px 0 0;
}

.cat, .links, .latest {
	float: right;
}

.archive h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 0 0 5px 0;
}

.archive ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	}

/*PHOTOFRAME*/
.photoframe {
	background: #fff;
	border: solid 1px #CDCDCC;
	padding: 2px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}

.outerphotoframe {
	border: solid 1px #CCCCCC;
	margin: 1px 1px 1px 1px;
	text-align: center;
}

.outerphotoframe p{
	width: 80%;
	position:relative;
	margin-left:auto;margin-right:auto;text-align:left;
	text-align: center;
}

.photoframe a:hover {
       color:white;
       background: none;
       border-bottom: 0px solid #cc9999;

}
.photoframe a{
       color:white;
       background: none;
       border-bottom: 0px solid #cc9999;

}
.phtoframe a:link {
       color:white;
       background: none;
       border-bottom: 0px solid #cc9999;

}

.auxphotoframe {
	background: url(/images/camera.png) no-repeat 20px;
	border-top: 1px solid #CDCDCC;
	padding-left: 50px;
	text-align: left;
}


.inline-button {
   _width:12em;
   font: bold 65% Verdana, sans-serif;
   margin: 0; padding: 0.1em 0; _padding:0;
 /*  border: 2px solid #D5EBFA; */
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: #D5EBFA;
}

.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #0066FF;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: #0066FF;
   color: white;
   }
   
/*ROUNDED BOX CSS*/
.roundedbox{
	display:block;
}
.roundedbox *{
	display:block;
	height:1px;
	overflow:hidden;
	background:#E1F1FC;
}
.roundedbox1{
	border-right:1px solid #f2f8fd;
	padding-right:1px;
	margin-right:3px;
	border-left:1px solid #f2f8fd;
	padding-left:1px;
	margin-left:3px;
	background:#e8f4fc;
}
.roundedbox2{
	border-right:1px solid #fcfdfe;
	border-left:1px solid #fcfdfe;
	padding:0px 1px;
	background:#e6f3fc;
	margin:0px 1px;
}
.roundedbox3{
	border-right:1px solid #e6f3fc;
	border-left:1px solid #e6f3fc;
	margin:0px 1px;
}
.roundedbox4{
	border-right:1px solid #f2f8fd;
	border-left:1px solid #f2f8fd;
}
.roundedbox5{
	border-right:1px solid #e8f4fc;
	border-left:1px solid #e8f4fc;
}
.roundedbox_content{
	padding:0px 5px;
	background:#E1F1FC;
} 

#mahalo div{
  width:1200px;
  clear:both !important;
  margin:10px auto;
}

#mahalo h1 {
  text-align:center;
  clear:both !important;
  
  padding:10px;
  background-color:#d0e4fe;
}

#mahalo h2,
#mahalo h2 img { 
  height: 70px;
  width: 200px;
  margin-right: 20px;
  float: left;
}

#mahalo img {
  width: 215px; height: 140px; position: relative;
}

#mahalo li {
  margin-right: 10px;
  cursor: pointer; 
  float: left;
  list-style-type: none;
  height: 150px;
  width: 215px;
  position: relative;
  margin-bottom:5px;
}

#mahalo li a {
  position: absolute;
  left: 0; 
  bottom: 0;
  width: 205px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #000;
  opacity: 0.7;
  color: #fff !important;
  font-weight: bold;
}
#mahalo li a:hover {
  color: #fff !important;
  text-decoration: underline;
  font-weight: bold;
}

/* Banners y anuncios */

p#viajesBanner {
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding: 46px 12px 12px 12px;
	width: 176px;
	height: 64px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #302e2b;
	background: url(fondo.jpg) no-repeat top left #eb7500;
	text-align: center;
	line-height: 16px;
}
p#viajesBanner a:link {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
p#viajesBanner a:visited {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
p#viajesBanner a:hover {
	color: #fbe3a2;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
p#viajesBanner a:active {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}