/*
Theme Name: Como tú
Theme URI: http://www.bauer.es
Description: Basado en "Ad Clerum" 
Author: Marcelo Costas
*/


/* Basics */

*{margin:0; padding:0;}

body {
	background: #D7F2FD url(images/back.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	margin: 20px;
	}


img{ border: none; padding: 6px; margin: 0;}
img a{border:none;}

img.left{ float: left; border: none; padding: 8px; margin: 0;}
img.right{ float: right; border: none; padding: 8px; margin: 0;}

.centered {margin-left:auto; margin-right:auto;}

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
	border-left: 1px solid #666666;
	margin:10px 0 10px 12px;
	padding:0 0 0 12px;}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	}

/* PIE DE FOTO IMAGE-CAPTION */

.imagecaption {
width:100%;
font-size: 10px;
line-height: 17px;
padding: 0px;
margin: 0px 6px;
text-align:center;
position:relative;
top:-10px;
background-color: #aee5fc;
color: #007cba;
}

/* Links and Headings */


a, a:link {
	color: #016A9F;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
	}

h1 {font-size: 20pt;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 12px; margin-top:10px; color:#fff;}
h4 {font-size: 10pt;}
h5 {background:url(images/bkg_h5.gif) no-repeat top right #D7F2FD; margin:0px; padding:20px; color:#EB379F; font-size:14px;}




/*  Container  */


#container {
	width: 980px; 
	margin: 0 auto;
	background:url(images/bg.png) repeat-y;
	color:#333;
	padding:0px 3px 0px 4px;
	}
	
	
/*  HEADER  */

#header {
	width: 100%;
	height: 206px;
	background: url(images/comotu.png) no-repeat;
	}

	
#header h2 {
	color: #ffffff;
	font-family: georgia, verdana, serif;
	font-size: 20pt;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0 0 0 13px;
	padding: 50px 0 0 0;
	letter-spacing: 2px;
	}

#header h2 a {
	color: #fff;
	text-decoration: none;
	}

#header h2 a:hover {
	color: #fff;
	text-decoration: underline;
	}

#header h3 {
	font-family: georgia, verdana, Sans-Serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
	color: #F0F0F0;
	margin: 6px 0 0 13px;
	}
	


/* Tres Pictures  */

#pics {
	width: 900px;
	height: 128px;
	border-top: 1px solid #fff;
	}	

#left-pic {
	background-image: url(images/study.jpg);
	border-bottom: 1px solid #fff;
	float: left;
	width: 179px;
	height: 128px;

}	

#middle-pic {
	margin: 0px;
	background-image: url(images/creation.jpg);
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 540px;
	height: 128px;
	float: left;

}



#right-pic {
	background-image: url(images/boat.jpg);
	border-bottom: 1px solid #fff;
	width: 179px;
	height: 128px;
	float: right;
}

/* Menu  */

#nav { 
	text-align:left;
	width: 100%;
	height:30px;
	background:url(images/nav_bkg.png) repeat-x;
	margin:0px;
	padding:0px;
	}
	
#nav ul{
	margin:0px;
	padding:5px 10px 0px 10px;
	}
		
#nav li { 
	display: inline;
	position: relative;
	margin:0px 0px;
	}
		
#nav a { 
	color: #FFF; 
	padding: 5px 12px 5px 12px;
	font-weight:bold;
	font-size:13px;
	} 
		
#nav a:hover {
	color:#30C0FD;
	text-decoration:underline; }

#nav li ul{ 
	position: absolute; 
	left: -999em;
	margin-top: 18px;
	border-bottom: 1px solid #455A79;
	border-left: 1px solid #455A79;
	border-right: 1px solid #455A79;
	} 
	
#nav li li, #nav li li a {display: block; text-align: left; background: #455A79;}
		
#nav li li a { width:150px; padding: 4px;}
#nav li li a:hover { width:150px; background: #fff;}

#nav li:hover ul { top: 0; left: 0 }




/*  Main Content  */


#content { 
	width: 665px;
	padding: 0px;
	text-align: justify;
	float: left;
	overflow: hidden;
	background:#D7F2FD;
	}
	
#content h2, #content h2 a:link, #content h2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 8px 0 6px 0;
	color:#007CBA;
	}
	
#content ul li {
	list-style-type: square;
	}
	
#content-page { 
	width: 980px;
	padding: 0px;
	text-align: justify;
	float: left;
	overflow: hidden;
	background:#D7F2FD;
	}
	
#content-page h2, #content-page h2 a:link, #content-page h2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 8px 0 6px 0;
	color:#007CBA;
	}
	
small {
	color:#E50084;
	}

.post {
	background:#D7F2FD;
	padding:10px 15px;
	}


.entry {
	margin: 6px 0 8px 0 ;
	color:#00A6EB;
	font-weight:600;
	}
	
.entry p {
	margin: 6px 0 0 0;
	}
	
.entry a {
	color: #E70088;
	text-decoration: underline;
	}
	
.entry a:hover {
	color: #E70088;
	text-decoration: none;
	}



.postmetadata{
	clear: both;
	background:#AEE5FC;
	padding:6px;
	margin: 16px 0 16px 0;
	border-top:1px dotted #30C0FD;
	border-bottom:1px dotted #30C0FD;
	color:#007CBA;
	font-size:10px;
	}

.postmetadata_alt{
	clear: both;
	background:#AEE5FC;
	padding:6px;
	margin: 16px 0 16px 0;
	border-top:1px dotted #30C0FD;
	border-bottom:1px dotted #30C0FD;
	color:#007CBA;
	font-size:10px;
	font-weight:normal;
	}
.navigation {
	width:515px;
	font-size:12px;
	background-color:#D7F2FD;
	}
.alignleft {
	width:200px;
	float:left;
	margin-left:10px;
	}
.alignright {
	width:200px;
	float:right;
	text-align:right;
	margin-right:10px;
	}
	
/* SIDEBAR CONTENEDOR */

#menu {
	width:300px;
	float:right;
	margin-right:7px;
	}

/* Left Sidebar */
#left_contenedor {
	width:300px;
	float:left;
	}
#left {
	width:100%;
	float:left;
	padding: 0;
	border:1px solid #E50084;
	background-color:#FCEEF6;
	font-size:9pt;
	}

#left h2 {
	color: #fff;
	background: url(images/bt.png) no-repeat;
	width:280px;
	height:32px;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 10pt;
	padding: 12px 6px 0px 40px;
	margin: 13px 9px 5px 9px;
	}

#left p {
	margin:0 6px 0 12px;
	padding: 0;}

#left a {
	color: #E50083;
	text-decoration: none;
	margin:10px;
	padding: 0;
	line-height: 14pt;}
	
#left a:hover {
	color: #333;
	text-decoration: underline;}

#left ul{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	
}

#left ul li{
	list-style-type:none;
	margin:0 0 0 30px;
	padding:0;
}

#left ul ul{
	margin:0;
	padding:0;
}

#left ul ul li{
	list-style-type:square;
	list-style-position: inside;
	margin:0 0 0 12px;
	padding:0;
	color: #455A79;
}



#left ul li.recentcomments {
  margin: 0 12px 0 12px;
  }
  
#left ul li.recentcomments a{
  line-height: 12pt;
  }
	
	
	
/* Right Sidebar */
#right_contenedor {
	width:150px;
	float:right;
	}

#right {
	width:100%;
	float:right;
	font-size:9pt;
	padding: 0; /* top, right, bottom, left */
	border:1px solid #E50084;
	background-color:#FCEEF6;
	
	}

#right h2 {
	color: #fff;
	background: url(images/bt2.png) no-repeat;
	width:130px;
	height:32px;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	padding: 12px 0px 0px 0px;
	text-align:center;
	margin: 13px 9px 5px 9px;
	}

#right p {padding:0; margin: 0 6px 0 12px;}

#right a {display: block; color: #E50083; text-decoration: none; padding: 0 6px 0 12px; margin: 0; line-height: 14pt;}
#right a:hover {color: #333; text-decoration: underline;}

#right ul {
	margin:0 0 12px 0;
	padding:0;
	list-style:none;}

#right ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#right ul ul {}

#right ul ul li {}



/* RSS Widget */

.rsswidget img {
	display: none;
	}

#left h2 a.rsswidget{
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#left h2 a.rsswidget a:hover{
	color: #fff;
	text-decoration: none;
	
}

#right h2 a.rsswidget{
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#right h2 a.rsswidget a:hover{
	color: #fff;
	text-decoration: none;
	
}


/* Calendar Widget */

#wp-calendar {
	margin:0 auto;
	text-align:center;
	color:#007CBA;
	width:280px;
	}
	
#wp-calendar a{ 
	margin: 0;
	padding: 0;
	}
	
/* text Widget */


.textwidget {margin:0 12px 0 12px; padding: 0; }



/* Comment Form */

#commentform{
	margin:10px;
	padding:10px;}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;}

#author, #email, #url{margin:5px 5px 0 0;}

#submit{margin:5px 5px 0 0;}

/* Comments */

#comments{
	margin:10px;
	padding:10px;
	}
	
ol.commentlist {
	list-style:none;
	font-size:12px;
	color:#007CBA;
	}

ol.commentlist li {
	background: #FFF;
	margin:0px;
	padding:5px 10px 5px 10px;	
	}

ol.commentlist li.alt {background: #D7F2FD;}

ol.commentlist a {}

cite a:link, cite a:visited {
	color:#E50084;}

small.commentmetadata {}

/* Search */

#searchform {
	display:inline;
	margin:0px 0px 0px 50px;
	padding:0px;
}
	
#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;	
	border:1px solid #BCBCBC;
	color: #6A6A6A;
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 2px 4px;
	}
	
	

/* Footer */

#footer {
	background:url(images/footer.png) no-repeat top;
	width: 987px;
	height:68px;
	margin:0 auto;
	color: #fff;
	}
	
#footer p{
	padding:15px 5px 5px 5px;
	text-align: center;
	}

#footer a {
	color: #eee;
	
	}
.spacer {
	clear: both;
	}
.secciones {
	display:block;
	height:35px;
	background:url(images/bullet_estrella.gif) no-repeat #D7F2FD;
	padding:17px 0px 0px 55px;
	font-size:14px;
	font-weight:bold;
	color:#E50084;
	}
.secciones a:link, .secciones a:visited, .secciones a:hover {
	font-size:14px;
	color:#E50084;
	}

/* PUBLICDAD ADS */
.publider {
	width: 150px;
	float:right; 
	padding: 0; /* top, right, bottom, left */
	overflow: hidden;
	}
.publiizq {
	width:300px;
	margin:0px auto;
	margin-top:5px;
	padding-bottom:5px;
	text-align:center;
	}
#ads_gigante {
	width:900px;
	margin:0 auto;
	padding-bottom:5px;
	}
	
/* LEGAL */
.entry-legal {
	margin:20px ;
	color:#00A6EB;
	list-style:20px;
	}
	
.entry-legal p {
	margin:10px 0 0 10px;
	}
	
.entry-legal a {
	color: #E70088;
	text-decoration: underline;
	}
	
.entry-legal a:hover {
	color: #E70088;
	text-decoration: none;
	}
	
.entry-legal ul {
	padding:0px 10px 0px 40px;
	}