/* 
Theme Name: Chorreo
Theme URI: http://www.chorreolapelicula.com/
Version: 1.0
Author: Hugo Osorio
Author URI: http://vectoresdivergente.com/
*/


html, body { background-color: #1B3163; 
	height: auto !important; 
	height: 100%; 
	margin: 0; padding: 0; }

* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: Helvetica, Arial, sans-serif;
 }


/*------------Basic styles------------*/

p {
	margin: 0 20px;
	padding: 10px 0 0;
	font-size: 0.8em; 
	line-height: 1.8em;
	color: #293A54}

.right {
	text-align: right} 	

.left {
	float: left;
	margin: 10px 20px} 	
	
h1, h2, h3, h4 { 
	color: #E4B722;
	margin: 0 20px;
	line-height: 1.5em; 
	background: transparent }

h1 { 
	font-size: 1.3em;
	font-weight: 700}	

h2 { 
	font-size: 1.1em }

h3 { 
	font-size: 0.97em;
	font-weight: 400 }	

h4 { 
	font-size: 0.8em;
	font-weight: 700;
	margin-top: 15px  }	
	
strong { 
	font-weight: 700; 
	}		

.clear { 
	clear: both; 
	}

.clean { 
	clear: both;
	border-top: #b3b1b7 1px solid;
	margin-top: 31px;
	padding-bottom: 30px;
	}	

.clearblog { 
	clear: both;
	border-top: #b3b1b7 1px solid;
	margin-top: 15px;
	padding-bottom: 6px;
	}	

.alignleft {
	float: left}
.alignright {
	float: right;}
.alignleft, .alignright {
	font-size: 0.7em;
	margin: 0 9px 9px;}
/*-------------Layout----------------*/
.head { 
	height: 72px;
	background: transparent url(images/header_back.jpg) repeat-x;
	margin: 0 auto; 
	padding: 0;
	border-bottom: #0445A6 2px solid}

.content { 
	background: #9F1E31 url(images/background_sombra.jpg) repeat-x; 
	margin: 0 auto; 
	padding: 20px 0 0}
	
html>body .content { 
	height: auto}

.maincontent { 
	background: #9F1E31 url(images/background.jpg) repeat; 
	margin: 0 auto; 
	padding: 0;
	border-bottom: #121b27 4px solid}

/* avisoie6*/
#usuarios-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;}
#usuarios-ie p {font-size: 1em; margin: 0; padding: 5px 0; line-height: 1.5em;}
#usuarios-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}


 /* header*/
#header {			
	width: 918px; 
	height: 72px;
	margin: 0 auto; 
	background-color: transparent;
      }
	
 /* logo */
.hdlogo{ 
	float: left;
	height: 70px;
	background-color: transparent; 
	margin: 0}

 /* breadcrumb */ 
#breadcrumb {
	margin: 0;
	font-size: 0.8em;
	background-color: #002e65;
	border-bottom: #0C243D 1px solid}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none} 

#breadcrumb ul li {
	color: #A5BCD3;
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline}

#breadcrumb ul li a {   
	color: #7DACD3; 
	text-decoration: none }
	
#breadcrumb #currenta { 
	color: #63809E;
	font-weight: 600}
		
 /* ---------navigation------------ */
.navi {		
	float: right;				
	height: 30px; 
	background: #ae1817 url(images/navi_back.jpg) repeat-x; 
	margin: 42px 0 0; 
	padding: 0}	
/* Main nav list  */
#nav { 
	margin: 0;
	padding: 0;
	background-color: transparent;}

ul#nav { 
	background-color: transparent;
	margin: 0;
	padding: 0 5px}

/* Main nav list items */
#nav li  { 
	font-size: 0.71em;
	background-color: transparent; 
	float: left; 
	list-style: none; 
	text-align: center;
	margin: 3px 10px;
	border: #3A0813 solid 1px}

#nav li a {   /* Main nav styles for all links */
	color: #DDB1C0; 
	background-color: #681121; 
	display: block; 
	line-height: 20px; /* height of the tab */
	text-decoration: none; }
	 
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active, #nav a#current    { 
	padding-right: 8px; 
	padding-left: 8px; }

#nav a:hover, #nav a:active {
	color: #fff}

#nav a#current { 
	color: #1B3163;
	font-weight: 700;
	background-color: #E4B722}
	
/* subnav */
.subnavi{
	float: left;
	width: 120px;
	height: 146px;
	margin: 0 0 0 15px;
	background: #E4B722 url(images/subnavi2.jpg) no-repeat}
	
#subnav, #subnav ul  { 
	margin: 10px 0 0;
	padding: 0}

#subnav ul { 
	padding-top: 5px }
/* sub nav list items */
#subnav li  { 
	width: 110px;
	margin: 0 5px;
	padding: 0;
	font-size: 0.77em;
	font-weight: 700;
	list-style: none; 
	border-bottom: #927417 solid 1px}

#subnav li a {   
	color: #0B1E44; 
	line-height: 25px; 
	text-decoration: none; 
	padding: 0}
	 
#subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active, #subnav a#current    { 
	padding:0 9px; }
#subnav a:hover, #subnav a:active {
	color: #000}

#subnav a#currente { 
	background-color: #ebcc6e;
	color: #5B708E}
		
 /* ---------columns------------ */	
.maincol {						
	width: 918px; 
	background-color: transparent; 
	margin: 0 auto; 
	padding: 0}
	
.quarter, .quarteright  {
	width: 150px;
	background-color: transparent;
	margin: 0;
	padding: 0 0 20px 0}
	
.quarter,.quarteright  {
	float: left}

.quarter img, .quarteright img{
	margin: 50px 0 0}

.quarter img{
	float: right}
		
.contenido {
	width: 606px;
	float: left;
	margin: 0;
	padding: 0;}

.twoquarter {
	float: left;
	width: 590px;
	background: #0D3560 url(images/maincol_back.jpg) repeat;
	margin: -20px 0 0;
	padding: 0;
	border-right: #F9DDB7 8px solid;
	border-left: #F9DDB7 8px solid;}

.contenidobottom, .siguenosocialinternas {
	width: 606px;
	padding: 0;}

.contenidobottom {
	float: left;
	height: 24px;
	background: #0D3560 url(images/contenido_bottom.jpg) no-repeat;
	margin: 0 0 20px}

.siguenos {
	background: #122251;
	border-top: #101f47 solid 24px}

.siguenosocialinternas {
	margin: 0 auto}

.siguenosocialinternas h2 {
	text-align: right;
	padding-bottom: 10px;}

.third, .thirdright  {
	float: left;
	width: 306px;
	margin: 0 0 15px;}

.third {
	background: transparent url(images/linea.jpg) right repeat-y }
	
.thirdright p, .third li, .third li a {
	color:#C5D1EA}

.thirdright p{
	line-height: 17px; }

.third ul {
	margin: 0 8px 0 28px;
	list-style: none}

.third li {
	margin: 5px 6px 0;
	padding: 0 0 5px;
	line-height: 1.1em;
	border-bottom: #C5D1EA solid 1px}

.third a:hover {
	color:#80A4E5;}

.fechalista {
	font-size: 0.9em;
	color:#677CA5}

.trailer {
	width: 536px;
	margin: 10px auto 0;
	padding: 0}
	
.trailer img {
	margin: 0}
.productor {
	width: 536px;
	background-color: #000018;
	margin: 0 auto 10px;
	padding: 0}

.productor img {
	margin: 0;
	padding: 0 10px;}
	
 /* ---------texto------------ */

.texto, .textoblog, .textomemoria {
	float: left;
	padding: 10px 0 40px;
	background-color: #F7EEE4}

.texto, .textoblog {
	width: 430px;
	margin: 0 0 20px;}

.textomemoria {
	width: 550px;
	margin: 0 15px 20px;}
.textoblog {
	margin-left: 5px}

.textoblog img {
	margin: 10px 10px 0}
img.leermas{
	margin: 0;
	padding: 0}

.textotitulo h2, .textoblog h2, .textotitulo h1, .textoblog h3  {color:#081530;}

.textotitulo h2 a:link {color:#1B3163}

.textotitulo h2 a:visited {color:#415C93}

.textotitulo h2 a:hover {color:#072654}

.textotitulo h2 a:visited {
	color:#415C93;}

.textotitulo {
	color:#1B3163;
	padding: 3px 0 ;
	background-color: #E8DCD1;
	border-bottom: #b0adb3 1px solid;
	border-top: #b0adb3 1px solid;}

.fecha ul{
	margin: 0 0 0 20px;
	padding: 0}
.fecha li {
	font-size: 0.7em;
	float: left;
	margin-right: 15px; 
	display: block; 
	color: #696969}
	
.naviblog{
	margin-top: 20px;
	color:#1B3163;
	background-color: #AA9D8F;}

.postblog {
	margin-bottom: 30px;}

.postblog img {
	margin: 0}


 /* ---------titulos img------------ */
.elcorto, .imagenes, .elequipo, .blog, .contacto, .prensa { 
	width: 152px;
	height: 35px;
	margin: 10px 0 10px 10px;
	text-indent: -9999px;}	

.elcorto { 
	background: url("images/elcorto.jpg") no-repeat}	
.imagenes { 
	background: url("images/imagenesb.jpg") no-repeat}

.prensa { 
	background: url("images/prensa.jpg") no-repeat}	
.elequipo { 
	background: url("images/elequipo.jpg") no-repeat}	
.blog { 
	background: url("images/blog.jpg") no-repeat}	
.contacto { 
	background: url("images/contacto.jpg") no-repeat}	
	
 /* ---------sidebar------------ */
.sidebar {
	float: left;
	width: 150px;
	margin: 0;
	padding: 10px 0;
	background: #DDAF2F url(images/sidebarback.jpg) repeat-y}


.sidebar p, .sidebar li, .sidebar h3, .sidebar a:link, .sidebar a:visited{
	color: #0B1E44;}

.sidebar a:hover{
	color: #173A72;
	text-decoration: none;}
.sidebar p, .sidebar li, .sidebar h3{
	padding: 0;
	line-height: 1.2em}

.sidebar p, .sidebar h3{
	margin: 0 10px;}

.sidebar h3{
	font-size: 0.8em;
	font-weight: 700;}

.sideul {
	background-color: #e4c86d;
	margin: 0 10px}

.sideul li {
	list-style: none;
	padding: 3px 3px 3px 10px;
	border-bottom: #D1AC46 3px solid}
	
.sidebarclear {
	clear: both;
	margin: 10px;
	border-top: #0B1E44 3px solid}


 /* ---------gran broma------------ */
.granbroma {
	width: 252px;
	height: 99px;
	margin: 0;
	background: #E4B722 url(images/granbroma.jpg) no-repeat}

.granbroma h1	 {
	margin: 0 5px;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #0B1E44;
	font-weight: 300;}

.granbroma strong{
	font-size: 1.6em;}


	
 /* ---------patrocinadores------------ */
.patrocinio {
	background: #a71625 url(images/patrocinadores_backdos.jpg) bottom repeat-x;
	margin: 0;
	border-top: #7C192C 1.5px solid;
	border-bottom: #490B17 4.5px solid}

.patrocinio p{
	text-align: center}

 /* ---------footer------------ */
#foot { 
	height: 63px; 
	background: #23301c url(images/footer_back.jpg) repeat-x;
	margin:0 auto; 
	padding: 0}  
	
#footer { 
	width: 950px; 
	height: 63px; 
	background-color: transparent;
	margin:0 auto; 
	padding: 0}  



#footer p{ 
	float: left;
	font-size: 0.7em;
	background: transparent;
	color: #C4C4C4;
	margin: 0;
	padding-top: 15px;
	 } 

.right{ 
	float: right;
	text-align: right;	
	margin-right: 20px;	 } 

.right img, .right p	{ 
	margin: 10px 0	 } 

.right img,.right p	{ 
	float: right;	 } 



/*-----------------------------------Other tags-----------------------------------------*/

/* lists */
ul { margin: 5px 0 5px 35px; }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { 
	color: #466570; 
	font-size: 0.8em; 
	line-height: 1.8em;
	}



/*-------------------------------------------------------------------------------*/




a {
    color: #89182E;
    text-decoration: none}

a:visited {
    color: #CC5A70;
    text-decoration: none}
    
a:hover, a:active { 
 color: #9F1E31; 
 text-decoration: underline }

input.suscribir {
	width: 188px;
	height: 20px;
	margin-left: 20px; 
	background-color:#C5D1EA }

.suscribo {
	float: right;}
.comentado {
	font-size: 1.3em;
	background-color: #E8DCD1}
.commentmetadata {
	float: right;
	padding-right: 10px;}

	
/* Logo*/	
span.logo { 
	float: left;
	position: relative; 
	top: 0; 
	left: 0;
	margin:0;
	padding: 0}
span.logo img { 
	margin-top: 5px; 
	margin-left: 15px; 
	padding-top: 0; 
	padding-left: 0; }
	
span.big { 
	font-size: 1.5em;
	color: #A59574;
	line-height:1.3em;}

a.pases, a:visited.pases, a:hover.pases {
	background-color: #E4B722;
	padding: 2px 5px;
	font-weight: 700}
a.pases, a:visited.pases {
	color: #000000}

a:hover.pases {
	color: #1B3163;
	text-decoration: none}
	
.text {
	float: left;
	width: 172px;
	height: 19px;
	margin: 2px auto 5px 3px;
	padding: 0;
	color: #535760;
	background-color: white ;
	border: 1px solid #BFBFBF}

.forminput {
	width: 384px; 
	height: 20px;
	border:1px solid #dee3ea}
	 
textarea {
width: 384px; 
	height: 170px; 
	background-color: #fafcff; 
	margin: 0; 
	padding: 2px 3px; 
	line-height: 1em; 
	overflow: auto; 
	border-top: 2px solid #dee3ea; 
	border-bottom: 1px solid #dee3ea; 
	border-left: 2px solid #dee3ea; 
	border-right: 1px solid #dee3ea	}