/*Theme Name: DestinosconPlayasTheme URI: http://www.guionmedio.com/servicios/wordpress_blog/Description: ---Version: 1.0Author: Guion MedioAuthor URI: http://www.guionmedio.com/*/

@import "style/reset.css";
@import "style/layout.css";

/*GLOBALES*/
body, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	text-decoration:none;
	margin:0;
	padding:0;
	
}
body {
	background: url(images/fondo.png) repeat-x;
}
a {
	color:#ff8000;
}
a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float: right;
}
.aligncenter {
	text-align:center !important;
	width:550px !important;
}
.ad460x60 {
	padding: 10px;
	border: 1px solid #ddd;
	width: 460px;
	height: 60px;
	margin: 0 auto;
}
/*ENCABEZADO*/
.encabezado {
	width:960px;
	height:137px;
	margin:0 auto;
	position:relative;
}
h1 a{
	display:block;
	background:url(images/logo.png) no-repeat;
	margin: 40px 0 0 25px;
	text-indent:-3000px;
	overflow: hidden;
	width:280px;
	height:80px;
	float:left;
}
.selector-blogs{
	position:absolute;
	left: 663px;
	top:9px;
	width:200px;
	height: 35px;
	border: 1px solid #333;
	border-top: 0;
	background: #666;
	z-index:1000;
}
.selector-blogs ul{
	margin: -1px;
	visibility:hidden;
}
.selector-blogs:hover ul{
	visibility:visible;
}
	
.selector-blogs ul li a, .selector-blogs-activo{
	width:200px;
	height: 35px;
	display:block;
	text-indent:-3000px;
}
.selector-blogs-activo span {
	width:5px;
	height:4px;
	background:url(images/header-selector-icn.png);
	float:right;
	margin: 15px 15px 0 0 ;
}
.selector-blogs-hotelesyconsejos {
	background: #666 url(images/header-selector.png) no-repeat 0px 0px;
}
.selector-blogs-blogdelnoa {
	background: #666 url(images/header-selector.png) no-repeat 0px -35px;
}
.selector-blogs-kikuyo {
	background: #666 url(images/header-selector.png) no-repeat 0px -210px;
}
.selector-blogs-turismoencruceros {
	background: #666 url(images/header-selector.png) no-repeat 0px -70px;
}
.selector-blogs-destinosconplayas {
	background: #666 url(images/header-selector.png) no-repeat 0px -140px;
}
.selector-blogs-colombialibre {
	background: #666 url(images/header-selector.png) no-repeat 0px -105px;
}
.selector-blogs-redaccioncontenidos {
	background: #666 url(images/header-selector.png) no-repeat 0px -175px;
}
.selector-blogs-piscinas {
	background: #666 url(images/header-selector.png) no-repeat 0px -240px;
}

.encabezado-rss, .encabezado-contacto {
	width: 30px;
	height: 30px;
	display:block;
	text-indent: -3000px;
	position:absolute;
	right: 25px;
	top: 15px;
}
.encabezado-rss {
	background-image:url(images/header-rss.png);
	right: 60px;
}
.encabezado-contacto {
	background-image:url(images/header-contacto.png);
}
.encabezado-buscador {
	position:absolute;
	top:80px;
	right:28px;
	width: 267px;
	height: 40px;
	background: #666;
}
.encabezado-buscador-left, .encabezado-buscador-right {
	background: #666;
	float:left;
	margin: 1px -1px 0 -1px;
	width:1px;
	height:38px;
}
.encabezado-buscador-right {
	float:right;
}
.encabezado-buscador-sombra {
	float:right;
	margin:0;
	height:15px;
	width:200px;
	background:url(images/buscador-sombra.png) no-repeat right;
}
	
.buscador-fondo {
	width:259px;
	height:30px;
	background:url(images/input-bg.png);
	margin:5px 4px;
}
.buscador-btnbuscar {
	background: url(images/buscador-btnbuscar.png) no-repeat;
	width:45px;
	height:25px;
	float:right;
	background-color:transparent;
	border:0;
	text-indent: -3000px;
	margin:3px 0 0 0 ;
	font-size:0;
	display: inline;
	line-height: -100px;
}
.buscador-input {
	border: 0;
	padding: 8px 0 0 8px;
	width:190px;
	background:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999;
	font-weight:bold;
	display: inline;
	float: left;
	margin:0;	
}
/*MENU*/
.menu {
	width:960px;
	height:30px;
	margin:0 auto;
	padding: 0 20px 0 0 ;
}
.menu ul li  {
	text-align: center;
	padding:  8px 15px 0 ;
	background:#888;
	display:block;
	float:left;
	margin: 0 0 0 2px;
	height:23px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	border:0;
}
.menu ul li  a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
}
.menu-activo {
	background: #666 !important;
	border-bottom: 1px solid #666 !important;
}
/*CONTENIDO*/
.contenedor {
	width:960px;
	margin:20px auto 0px;
	background:url(images/contenedor-bg.png) repeat-y;
	padding: 0 20px 0 0;
}

/*PRINCIPAL*/
.principal, .principal-single{
	width:600px;
	float:left;
	background:#fff;
	padding: 0 0 20px 0;
	margin: 0 0 0 20px;
	
}
.post-foto{
	width:80px;
	height:80px;
	border: 5px solid #ccc;
	float:left;
	margin: 0 10px 10px 0;
	background-position: top center;
}
.post h2, .post h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#666;
	margin: 0 0 10px 0;
}
.post h3, .post h3 a, .principal-single h3, .principal-single h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	margin: 0 0 10px 0;
}
.post-fecha-comments{
	width:28px;
	height:55px;
	background:url(images/post-fecha-comments.png) no-repeat;
	float: right;
	margin: 0 -30px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.post-fecha-comments .time {
	margin: 1px 0 0 0;
	font-size:8px;
	color:#fff;
	text-transform:uppercase;
}
.post-fecha-comments .time span{
	font-size:12px;
	color:#666;
	display:block;
	margin: -1px 0 0 0;
}
.post-fecha-comments .comentarios a{
	font-size:12px;
	color:#fff;
	font-weight: bold;
	display: block;
	margin: 8px 0 0 0;
}
.post p {
	line-height: 130%;
}
.principal-separador {
	height: 1px;
	margin: 19px 0 20px ;
	border-bottom: 1px dashed #E8E8E8;
}
.post-compartir {
	width:536px;
	background:url(images/post-compartir-bg.png);
	border: 1px solid #CDCDCD;
	height: 28px;
	margin: 20px 0 10px 0 ;	
	float: left;
}
.post-compartir-txt {
	background:url(images/post-compartir-txt.png);
	width:60px;
	height: 9px;
	margin: 10px 10px 0 5px;
	text-indent: -3000px;
	float:left;
}
.post-vermas{
	background: url(images/post-vermas.png);
	height: 23px;
	border: 1px solid #FF6600;
	text-align: center;
	width:60px;
	color: #fff;
	float: right;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
}
.post-vermas a{ 
	color:#fff;
	text-decoration:none;
}
.post-compartir-btn{
	display: block;
	text-indent:-3000px;
	width:27px;
	height:28px;
	background:url(images/post-compartir-btn.png) no-repeat 0px 0px;
	float:left;
}
.facebook {
	background-position: 0px 0px;
}
.twitter {
	background-position: -27px 0px !important;
}
.tumblr {
	background-position: -54px 0px !important;
}
.delicius {
	background-position: -81px 0px !important;
}
.stumbleupon {
	background-position: -108px 0px !important;
	width: 29px !important;
}
.post-etiquetas a{
	display:block;
	padding: 3px 0 0 5px;
	height:16px;
	color:#fff;
	font-size:11px;
	float:left;
	background:url(images/post-etiquetas.png) 0px 0px;
	text-decoration:none;
}
.post-etiquetas span {
	margin: 0 5px 5px 0 !important;
}
.post-etiquetas a:hover{
	color: #ccc;
}
.post-etiquetas span{
	display:block;
	float:left;
	margin: 0 5px 0 0 ;
	height:19px;
	background:url(images/post-etiquetas.png) right;
	padding: 0 10px 0 0;
}
.post-entradasanteriores a{
	width:121px;
	padding: 6px 0 0 18px;
	height: 24px;
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	background:url(images/post-entradasanteriores-btn.png);
}
.post-entradassiguientes a{
	width:121px;
	padding: 6px 8px 0 10px;
	height: 24px;
	color:#fff;
	text-decoration:none;
	display:block;
	float:right;
	background:url(images/post-entradassiguientes-btn.png);
}
.archive-title {
	background: #CDCDCD url(images/post-compartir-bg.png) repeat-x;
	border: 1px solid #CDCDCD;
	height: 20px;
	margin: 0px 0 0 0 ;
	padding: 10px;
}
.archive-title h2 {
	font-size:14px;
	color: #666;
}
.archive-title h2 span{
	font-weight: bold;
}
.post-archive {
	position: relative;
}
.post-archive p{
	margin: 0 0 10px 0;
}
.post-fecha-archive {
	left: 15px;
}
.post p {
	margin: 0 0 10px 0 !important;
}
.post li {
	margin: 0 0 5px 0 !important;
}	
/*PASADOR*/
.pasador-foto{
	width:400px;
	height:170px;
	background-position:top center;
	position:absolute;
	background-repeat:no-repeat;
}
.pasador-destacado {
	position: absolute;
	width: 400px;

}
.principal-destacado{
	height: 255px;
	border: 1px solid #fff;
	width: 578px;
	position: relative;
	padding:10px;
	background:#E8E8E8  url(images/pasador-fondo.png) 430px 0px no-repeat;
}
.principal-destacado-title{
	background: url(images/overlay.png);
	position:absolute;
	top: 100px;
	height:60px;
	width:390px;
	padding:5px;
}
.principal-destacado-title h2 a{
	font-size:20px;
	color:#fff;
}
.pasador-excerpt {
	position:absolute;
	top: 180px;
	font-size:12px;
	height: 77px;
	overflow: hidden;
}

.pasador-derecha {
	float:right;
	width:130px;
}
.pasador-foto-tn{
	width:120px;
	height:68px;
	background-position:top;
	border: 5px solid #ccc;
	margin:0 5px 10px 0 ;
	display:block;
}
.pasador-foto-tn:hover {
	border: 5px solid #999
}
.activo {
	border: 5px solid #616161;
}
.post-fecha-comments-pasador{
	position: absolute;
	left:5px;
	top: 5px;
}
/*SIDEBAR*/
.sidebar{
	width:300px;
	border-top: 1px solid #fff;
	float:left;
	padding: 9px;
}
.sidebar-ad-300x250 {
	width:300px;
	height:250px;
	background: #333;
}
.sidebar-separador{
	height:1px;
	background: #ccc;
	border-bottom: 1px solid #fff;
	margin: 20px 0;
	width: 300px;
	clear:both;
}
.widget {
	background:#fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0 20px 0 ;
}
.widget h2{
	background: #666;
	padding:7px;
	margin: -23px 0 10px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	float: left;
	font-weight: bolder;
}
.widget ul{
	clear: both;
}
.widget ul li{
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}
.widget ul li a {
	font: Arial, Helvetica, sans-serif 14px;
	color:#666;
}
.widget_text {
	margin:0;
	border: 0;
	padding: 0;
}
.widget_text h2 {
	visibility:hidden;
	display:none;
}
.widget_tag_cloud div{
	margin: 20px 0 0 0;
}
/*.blogroll {
	height: 160px;
}
.blogroll li{
	display: block;
	width:130px;
	border-bottom: 1px solid #ccc;
	float:left;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}*/
/*SINGLE*/
.principal-single{
	background:url(images/interior-bg.png) repeat-x;
	border: 1px solid #fff;
	padding: 10px;
	width:578px;
	position: relative;
}
.principal-single .post  ul, .principal-single .post  ol {
	margin: 10px 0;
}
.principal-single .post  ul li {
	list-style:inside ;
	text-indent: 20px;
	list-style-image:url(images/bullet.png);
}
.principal-single .post ol li {
	list-style:inside ;
	text-indent: 20px;
	list-style-type: decimal;
}
.principal-single blockquote {
	margin: 20px;
	background: #E8EEEF;
	padding: 10px;
}
.principal-single .wp-caption{
	background: none;
	padding: 0 0 10px 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	/*width: inherit !important;*/
	text-align: center;
}
.principal-single .alignleft p{
	text-align:left;
	padding: 0 0 0 5px;
	color: #888;
}
.principal-single .wp-caption img {
	margin: 0 0 10px 0;
	border: 0;
}
.post-fecha-comments-single {
	top: 80px;
	left: 15px;
}
.principal-single .post-compartir{
	width: 570px;
}
.post p img {
	margin: 10px;
}
/*COMENTARIOS*/
.comment-input, .comment-textarea {
	width:290px;
	height:20px;
	background:url(images/input-bg.png) top repeat-x;
	margin:5px 4px;
	border: 1px solid #ddd;
	padding: 5px;
	float:left;
}
.comment-textarea {
	height: 150px;
}
.comment-submit {
	background: url(images/post-vermas.png);
	height: 30px;
	border: 1px solid #FF6600;
	text-align: center;
	width:80px;
	color: #fff;
	margin:136px 0 0 5px;
	padding: 0 0 0 0;
	font-size: 11px;
	font-weight:bold;
	float: left;
}	
.comentarios li{
	padding: 10px;
	background: #efefef;
	margin: 0 0 1px;
	border-bottom: 1px solid #ccc;
}
.alt {
	background: #E1E1E1 !important;
}
.comentario-fecha {
	float:right;
	background: #999;
	color:#fff;
	padding:5px;
	border-bottom: 1px solid #fff;
}
.comentario-fecha a{
	color:#fff;
	font-size:11px;
}
.comentarios cite {
	font-size:20px;
	color: #333;
	display:block;
	float: left;
}
.comentarios img {
	margin: 0 10px 10px 0;
	float:left;
}
.comentarios cite a{
	color: #333;
	font-size:16px;
	margin: 0 0 10px 0;
}
.comentarios-header {
	background: #666;
	border-bottom: 1px solid #333;
	margin: 5px 0 1px;
	display:block;
	color:#fff !important;
	padding: 5px;
	font-size:14px !important;
}
/*PIE*/
.pie-afuera{
	height:180px;
	background: #ccc url(images/footer-bg.png) repeat-y center;
	margin: 0;
}
.pie-bevel {
	border-top: 1px solid #999;
	height: 1px;
	background: #fff;
}
.pie{
	position:relative;
	width:960px;
	margin: 0px auto 0;
}
.pie-sombra {
	background:url(images/footer-sombra.png);
	width: 565px;
	height: 14px;
	position:absolute;
	top: -14px;
	left: -80px;
}
.pie-logos{
	width:135px;
	height:35px;
	float:left;
	display: block;
	background-image:url(images/footer-logos.png);
	text-indent: -3000px;
	margin: 10px 40px ;
}
.pie-blogdelnoa {
	background-position: -150px 0;
}
.pie-kikuyo {
	background-position: -300px 0;
}
.pie-turismoencruceros {
	background-position: -450px 0;
}
.pie-destinosconplayas {
	background-position: -600px 0;
}
.pie-colombialibre {
	background-position: -750px 0;
}
.pie-redacciondecontenidos {
	background-position: -900px 0;
}
.pie-piscinas {
	background-position: -1040px 0;
}
.pie-separador {
	height:1px;
	background: #999;
	border-bottom: 1px solid #fff;
	margin: 0 0 20px;
}
.footer-blogtitle {
	color: #666;
	text-transform:uppercase;
	display:inline;
}
.footer-bloginfo {
	float:left;
	margin: 0 10px 0 0;
}
.footer-links {
	padding: 0 0 0 10px;
	display:block;
	float: left;
	background: url(images/bullet.png) no-repeat 0px 4px;
	font-size:12px;
	margin: 0 0 0 10px;
}
.footer-guionmedio {
	width:118px;
	height:22px;
	text-indent:-3000px;
	float:right;
	display:block;
	background:url(images/footer-guionmedio.png);
}
/*CONTACTO*/
.input {
	background:url(images/input-bg.png);
	height: 16px;
	padding: 5px;
	width: 250px;
	border: 1px solid #ddd;
}
.textarea {
	background:url(images/input-bg.png) repeat-x;
	height: 60px;
	padding: 5px;
	width: 250px;
	border: 1px solid #ddd;
}
.submit {
	background: url(images/post-vermas.png);
	height: 30px;
	border: 1px solid #FF6600;
	text-align: center;
	width:80px;
	color: #fff;
	margin:136px 0 0 5px;
	padding: 0 0 0 0;
	font-size: 11px;
	font-weight:bold;
	float: left;
}
.wpcf7 p {
	margin: 0 0 10px 0;
}