html{
font-size:68%;
margin:0;
padding:0;
height:100%;
min-height:100%;
}

body{
background:#000;
color:#d1ccc4;
text-align:left;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
}


*{
	margin: 0;
	padding: 0;
	list-style: none;
	}

a, img, a img {
	border: none;
	
	}
.clearb{
	float: none;
	clear: both;
	
	}
#header h1 span{
	display: none;
	}
#header h1{ 
	position: absolute;
	top: 60px;
	left: 300px;
	font-size: 190%;
	font-family: Georgia;
	color: #8d7d64;
	font-style: oblique;
	font-weight: lighter;
	}

/*elementos generales*/
a:link{
	color: #b7945f;
	text-decoration: none;
	
	}
a:visited{
	color: #b7945f;
	text-decoration: none;
	
	}
a:hover{
	text-decoration: none;
	color: #fff;
	
	}
span.bot_texto{
	display: block;
	text-align: right;
	font-weight: bold;
	
	}

/*paginado*/

div.paginado{
	position: relative;
	clear: both;
	float: none;
	text-align: right;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-right: 10px;
	}

div.paginado a strong{
	font-size: 120%;
	}
div.paginado a span{
	width: 15px;
	height: 15px;
	border: solid 1px #666;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	}
div.paginado a:hover span, div.paginado a.current span{
	color: #fff;
	text-decoration: none;
	background: #666;
	border: solid 1px #fff;
	}

	
/*posicionamiento*/

#main_container{
	
	}
#main_container_inner{
	
	background: url(../img/bkg_home.jpg) top center no-repeat;
	background-position: center 25px;
	}
div.home{
background:#000 url(../img/tile_home.gif) top left repeat-x;	
	
	}

div.lay1{
background:#000 url(../img/tile_lay1.gif) top left repeat-x;	
	
	}
div.lay1 #main_container_inner{
	
	background: url(../img/cabecera_sinmenu.jpg) top center no-repeat;
	background-position: center 25px;
	}
	
div.lay2{
background:#000 url(../img/tile_lay2.gif) top left repeat-x;	
	
	}
div.lay2 #main_container_inner{
	
	background: url(../img/cabecera_submenu.jpg) top center no-repeat;
	background-position: center 25px;
	}

div.blog{
background:#000 url(../img/tile_blog.gif) top left repeat-x;	
	
	}
div.galeria{
background:#000 url(../img/tile_blog.gif) top left repeat-x;	
	
	}
div.blog #main_container_inner{
	
	background: url(../img/cabecera_blog.jpg) top center no-repeat;
	background-position: center 25px;
	}
div.galeria #main_container_inner{
	
	background: url(../img/cabecera_galeria.jpg) top center no-repeat;
	background-position: center 25px;
	}

#header, #container{
	position: relative;
	width: 898px; 
	margin: 0 auto;
	}

div#small_col_home{
	width: 284px;
	position: relative;
	float: left;
	}
div#big_col_home{
	width: 572px;
	position: relative;
	float: right;
	
	}
div#small_col{
	width: 324px;
	position: relative;
	float: left;
	}
div#big_col{
	width: 526px;
	position: relative;
	float: right;	
	right: 0px;
	}
div#container{
	padding-top: 20px;
	background: url(../img/bkg_contents1.jpg) top left no-repeat;
	padding-bottom: 40px;
	
	}
div.lay1 div#container{
	background-position: 0 100px;

	}
div.lay2 div#container{
	background-position: 0 100px;

	}
div.blog div#container{
	background: url(../img/fondo_blog.jpg) top left no-repeat;
	background-position: 0 7px;

	}
div.galeria div#container{
	background: url(../img/fondo_blog.jpg) top left no-repeat;
	background-position: 0 7px;

	}
img.splash_cont{
	padding: 12px;
	background: #456075;
	border: solid 1px #3e5668;
	}
h2.titulo{
	padding-top: 20px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 180%;
	font-weight: normal;
	padding-bottom: 30px;
	color: #eac081;
	
	}
div.lay2 h2.titulo{
	padding-top: 10px;
	padding-bottom: 30px;
	
	}

/*header*************************************************************************************/

#header{
background: url(../img/croche_logo.gif);
background-position: right 3px;
background-repeat: no-repeat;
height: 412px;
	}
div.lay1 #header{
background: url(../img/croche_logo.gif);
background-position: right 3px;
background-repeat: no-repeat;
height: 136px;
	}
div.lay2 #header{
background: url(../img/croche_logo.gif);
background-position: right 3px;
background-repeat: no-repeat;
height: 170px;
	}
div.blog #header{
background: url(../img/croche_logo.gif);
background-position: right 3px;
background-repeat: no-repeat;
height: 144px;
	}
div.galeria #header{
background: url(../img/croche_logo.gif);
background-position: right 3px;
background-repeat: no-repeat;
height: 144px;
	}
#header img.splash{
width: 879px;
height: 238px;
position: absolute;
top: 163px;
left: 11px;
	}
span.bot_imagen{
	position: absolute;
	top: 379px;
	right: 8px;
	display: block;
	width: 100px;
	line-height: 2em;
	background: #000;
	z-index: 10;
	text-align: center;
	font-weight: lighter;
	}
/*menu superior*/ 	
ul#menu_sup{
	position: relative;
	} 	
	
ul#menu_sup li{
	position: relative;
	float: left;
	line-height: 2em;
	padding-left: 0px;
	padding-right: 50px;
	font-size: 120%;
	font-weight: bold;
	} 
ul#menu_sup li a, ul#menu_sup li a:visited{
	color: #cab58c;
	} 	
 	
 ul#menu_sup li a.active, ul#menu_sup li a:hover{
	color: #fff;
	} 

/*menu principal*/ 	

div#nav_container{
	position: absolute;
	width: 666px;
	top:108px;
	right: 0px;
	}	
div#nav_container ul{
	position: relative;
	}
div#nav_container ul li{
	position: relative;
	float: left;
	padding-left: 9px;	
	}	
	
/* Buttons */
 span.button a { 
	height: 25px;
	font-size: 130%;
	font-weight: normal;
	text-decoration: none;
	float: left; 
    display: block;
    overflow: hidden;
}
span.button a span {
    display: block;
    white-space: nowrap;
    padding: 0 0px 4px 0;   
    line-height: 24px;   
    cursor: pointer;
    }
span.button a, span.button a:visited {
    color: #fff;
    padding: 0 0 6px 10px;
}
span.button a:hover {
   padding: 0 0 6px 10px;
       background: url(../img/button2.gif) left top no-repeat;
       color: #fff;
}
span.button a.active {
	   padding: 0 0 6px 10px;
       background: url(../img/button2.gif) left top no-repeat;
       color: #fff;
}
    span.button a span {
       padding-right: 10px;
       
    }
    span.button a:hover span {
    	padding-right: 10px;
        background: url(../img/button.gif) right top no-repeat;
    }
   span.button a.active span {
    	padding-right: 10px;
        background: url(../img/button.gif) right top no-repeat;
        
    }
    
/*submenu*/
div#submenu{
	position: absolute;
	top: 144px;
	left: 250px;
	height: 29px;
	width: 600px;
	}
div#submenu ul{
	position: relative;
	}
div#submenu ul li{
	position: relative;
	height: 29px;
	overflow: hidden;
	float: left;
	}
div#submenu ul li a{
	display: block;
	font-size: 120%;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 2.3em; 
	}
div#submenu ul li a:hover, div#submenu ul li a.active{
	background: #527089;
	color: #fff;
	}
span.tit{
	position: absolute;
	top: 148px;
	left: 53px;
	font-size: 160%;
	font-family:  Georgia;
	font-style: oblique;
	font-weight: lighter;
	}



/*banners************************************************************************************/    

div.banner1{
	position: relative;
	margin-bottom: 20px;	
	}
div.banner1 p{
	position: relative;
	font-size: 150%;
	font-style:oblique; 
	text-indent: 26px;
	padding-top: 10px;
	background: url(../img/quote_top.gif) top left no-repeat;	
	color: #7f663f;
	font-family: Georgia;
	}
div.banner1 p quote{
	position: relative;
	display: block;
	background: url(../img/quote_bot.gif) bottom right no-repeat;
	padding-right: 10px;	
	}
div.banner1 span{
	position: relative;
	display: block;
	text-align: left;
	padding-top: 10px;
	}

div.banner2{
	position: relative;
	margin-bottom: 20px;
	background: #555454;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow: hidden;
	}
div.banner2 h3{
	position: relative;
	text-align: left;
	padding: 8px;
	font-size: 130%;
	}
div.banner2 p{
	position: relative;
	text-align: left;
	padding: 8px;
	padding-top: 0px;
	font-size: 120%;
	}
div.banner2 span{
	position: relative;
	text-align: right;
	display: block;
	padding-right: 8px;
	}
h2.header{
	font-size: 120%;
	font-family: Georgia;
	font-style: oblique;
	padding-bottom: 10px;
	padding-top: 10px;	
	}

span.feed{
	display: block;
	background: url(../img/rss.gif) top left no-repeat;
	padding-left: 45px;
	padding-bottom: 40px;
	font-size: 120%;
	padding-top: 2px;
	margin-top: 30px;
	
	}

/*Gira*******************************************************************************/ 
div.cont_gira{
	position: relative;
	
	
	}
div.cont_gira ul{
	position: relative;
	background: url(../img/dotted.gif) bottom left repeat-x;	
	margin-bottom: 8px;
	margin-top: 4px;
	}
div.cont_gira ul li.col1{
	position: relative;
	float: left;
	width: 40%;
	font-size: 120%;
	line-height: 1.2em;
	font-weight: bold;
	}
div.cont_gira ul li.col1 span{
	font-size: 80%;
	font-weight: lighter;
	}
div.cont_gira ul li.col2{
	position: relative;
	float: right;
	width: 60%;
	font-size: 120%;
	}
div.cont_gira ul li.close{
	position: relative;
	clear: both;
	float: none;
	padding-top: 10px;
	}
/*prensa*/
div.cont_prensa{
	position: relative;
	
	
	}
div.critica h3{
	font-size: 130%;
	padding-bottom: 4px;
	background: url(../img/dotted.gif) bottom left repeat-x;
	color: #eac081;
	margin: 0px;
	}
/*div.critica p{
	position: relative;
	font-size: 120%;
	font-style:oblique;
	text-indent: 36px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
	background: url(../img/quote_top.gif) top left no-repeat;	
	color: #ccc;
	}
div.critica p quote{
	position: relative;
	display: block;
	background: url(../img/quote_bot.gif) bottom right no-repeat;	
	}*/
div.critica div.crit{
	position: relative;
	font-size: 120%;
	font-style:oblique;
	text-indent: 36px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
	background: url(../img/quote_top.gif) top left no-repeat;	
	color: #ccc;
	}
div.critica div.crit p{
	padding-bottom: 10px;
	}
div.critica div.crit quote{
	position: relative;
	display: block;
	background: url(../img/quote_bot.gif) bottom right no-repeat;	
	}
div.critica span{
	position: relative;
	display: block;
	text-align: left;
	padding-top: 0px;
	font-size: 120%;
	}
div.critica span.fecha{
	position: relative;
	float: right;
	display: block;
	text-align: left;
	padding-top: 0px;
	font-size: 120%;
	}

ul.lista1{	
margin-bottom: 20px;
	}
ul.lista1 li{
	position: relative;
	background: url(../img/dotted.gif) bottom left repeat-x;
	padding-bottom: 4px;
	line-height: 3em;
	font-size: 120%;
	}
ul.lista1 li span.bot{
	position: absolute;
	display: block;
	top:0px;
	right: 0px;
	font-weight: bold;
	width: 100px;
	}

/*blog*************************************************************************************/ 

h2.entry-title{
	font-weight: lighter;
	font-size: 140%;
	border-bottom:  solid 1px #6e6a69;
	padding-bottom: 2px;
	margin-bottom: 2px;
	}
span.byline{
	font-size: 100%;
	padding-top: 2px;
	
	}
div.entry-asset{
	padding-top: 10px;
	padding-bottom: 20px;
	color: #b8b4ae;
	}
div.asset-body{
	font-size: 120%;
	text-align: justify;
	padding-top: 8px;
	color: #b8b4ae;
	
	}
div.entry-asset img, div.asset-body img{
	padding: 4px;
	background: #555454;
	border: solid 1px #424141;
	}
	
.asset-footer {
	position: relative;
	float: none;
    clear: both;
    font-size: 120%; 			
}


/*espectáculos*********************************/
div.espectaculo{
	position: relative;
	float: left;
	width: 400px;
	margin-left: 42px;
	margin-bottom: 30px;
	}
div.espectaculo img{
	position: relative;
	padding: 12px;
	background: #456075;
	border: solid 1px #3e5668;
	width: 344px;
	height: 226px;
	}
	
div.espectaculo	h3{	
clear: both;
float: none;
padding-top: 6px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 180%;
	font-weight: normal;
	padding-bottom: 2px;
	color: #eac081;
	border-bottom: solid 1px #5c5959;
	margin-right: 30px;
		margin-bottom: 4px;
		}
	div.espectaculo span.tipo{
	font-size: 100%;
	color: #666;
	
	}
	div.espectaculo span.Frase{
	font-size: 100%;
	color: #fff;
	font-style: oblique;
	}
	div.espectaculo p{
	padding-top: 4px;
	padding-right: 30px;
	text-align: justify;
	font-size: 120%;
	padding-bottom: 4px;
	color: #b8b4ae;
	font-weight: lighter;
	}
div#submenu h2{	
position: absolute;
top:0px;
right: -36px;
text-align: right;
padding-top: 6px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 140%;
	font-weight: normal;
	padding-bottom: 2px;
	color: #eac081;
		}
	

div.historico{
	position: relative;
	float: left;
	width: 274px;
	margin-left: 0px;
	margin-right: 11px;
	margin-left: 14px;
	overflow: hidden;
	margin-bottom: 30px;
	}
div.historico img{
	width: 260px;
	height: 171px;
		padding: 6px;
	background: #456075;
	border: solid 1px #3e5668;
	
	}
div.historico p{
	padding-right: 0px;
	}
div.historico h3{
	margin-right: 0px;
	font-size: 140%;
	}
/*ficha espectaculo*/
div.espectaculo_pg div#small_col{
	width: 379px;
	position: relative;
	float: right;	
	right: 0px;
	}
div.espectaculo_pg div#big_col{
	width: 494px;
	position: relative;
	float: left;	
	right: 0px;
	}	
img.th{
	position: relative;
	float: left;
	padding: 6px;
	background: #4d5861;
	border: solid 1px #565f66;
	width: 101px;
	height: 101px;
	margin-left: 11px;
	margin-bottom: 10px;
	
	}
img.main{
	position: relative;
	padding: 12px;
	background: #4d5861;
	border: solid 1px #565f66;
	width: 344px;
	height: 226px;
	margin-left: 10px;
	margin-bottom: 10px;
	
	}


div.ficha{
	position: relative;
	float: left;
	background: #162028;
	width: 270px;
	
	}

div.claim{
	position: relative;
	float: right;
	width:200px;
	
	}

div.ficha ul{
	margin: 10px;
	
	}
div.ficha ul li{
	position: relative;
	font-size: 110%;
	/*border-top: solid 1px #000;*/
	line-height: 2em;
	
	}
div.ficha ul li.col1{
	float: left;
	width: 32%;
	color: #d3d3d3;
	background: url(../img/dotted.gif) bottom left repeat-x;
	}
div.ficha ul li.col2{
	color:#e5c694;
	background: url(../img/dotted.gif) bottom left repeat-x;
	}
div.ficha ul li.col2 strong{
	
	font-weight: lighter;
	}

div.ficha ul li.close{
	clear: both;
	float: none;
	}
div.descripcion{
	font-size: 120%;
	line-height: 1.3em;
	text-align: justify;
	color: #c5bfb6;
	padding-top: 10px;
	}
div.descripcion strong{
	color: #fff;
	}
div.descripcion p{
	padding-bottom: 10px;
	}

h2.titulo2{
	padding-top: 20px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 150%;
	font-weight: normal;
	padding-bottom: 3px;
	color: #eac081;
	margin-bottom: 10px;
	background: url(../img/dotted_big.gif) bottom left repeat-x;
	}
/*columna derecha*/
div.widget{
	position: relative;
	padding-left: 10px;
	float: none;
	clear: both;
	padding-top: 10px;
	margin-bottom: 20px;
	}
div.video div.inner{
	border: solid 6px #4d5861;
	overflow: hidden;
	margin-bottom: 6px;
	}
div.widget h3{
	position: relative;
	padding-left: 40px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 150%;
	font-weight: normal;
	background: url(../img/adorno.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-bottom: 4px;
	border-bottom: solid 4px #4d5861;
	}
div.video h3{
	border-bottom: none;
	}

div.widget ul li{
	line-height: 3em;
	background: url(../img/dotted_big.gif) bottom left repeat-x;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 120%;
	}

/*columna derecha blog*/
div.blog div.widget{
	position: relative;
	padding-left: 10px;
	float: none;
	clear: both;
	padding-top: 0px;
	margin-bottom: 10px;
	}

div.blog div.widget h3{
	position: relative;
	padding-left: 40px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 150%;
	font-weight: normal;
	background: url(../img/adorno.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-bottom: 4px;
	border-bottom: solid 4px #550202;
	}


div.blog div.widget ul li{
	line-height: 1.2em;
	background: url(../img/dotted_big.gif) bottom left repeat-x;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-top: 8px;
	font-size: 130%;
	overflow: hidden;
	}
div.blog div.widget-archive-category ul li{
	padding-bottom: 8px;
	}
div.blog div.widget ul li ul li{
	line-height: 2em;
	background: none;
	font-size: 90%;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 20px;
	}
div.blog div.widget-recent-comments ul li{
	padding-bottom: 8px;
	background: none;
	border-bottom: solid 1px #666;
	font-size: 110%;
	}
div.blog div.widget-recent-entries ul li{
	background: url(../img/dotted_soft.gif) bottom left repeat-x;
	font-size: 120%;

	}
div.blog div.widget-archive-monthly ul li{
	background: url(../img/dotted_soft.gif) bottom left repeat-x;

	}
div.blog div.widget-tag-cloud ul li{
	background: none;
	line-height: 1.6em;

	}
div.blog div.share{
	text-align: right;
	padding-top: 6px;
	padding-bottom: 12px;
	
	}
div.blog div.widget-syndication ul li{
	background: url(../img/dotted_soft.gif) bottom left repeat-x;

	}

div.compania div#small_col{
	width: 312px;
	
	}	
div.compania div#small_col img{
	padding: 10px;
	
	}
	
div.compania div#big_col{
	width: 550px;
	right: 0px;
	}
div.compania div#big_col img{
	padding: 10px;
	
	}
div.compania div#big_col p{
	font-size: 120%;
	padding-bottom: 10px;
	text-align: justify;
	
	}
div.compania div#big_col p{
	font-size: 120%;
	padding-bottom: 10px;
	text-align: justify;
	
	}
div.contacto div#big_col{
	width: 447px;
	right: 10px;
	}
div.contacto div.map{
	width: 423px;
	border: solid 10px #456075;
	}
div.contacto div.map a{
	text-decoration: none;
	}
div.contacto div#small_col{
	width: 436px;
	left: 6px;
	}
div.compania2 p{
	font-size: 120%;
	padding-bottom: 20px;
	text-align: justify;
	line-height: 1.4em;
	
	}
div.compania2 h3{
	padding-top: 0px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 180%;
	font-weight: normal;
	padding-bottom: 10px;
	color: #eac081;
	}
div.contacto_inner h3{
	padding-top: 10px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 130%;
	font-weight: normal;
	padding-bottom: 4px;
	color: #eac081;
	}
div.contacto_inner{
	font-size: 120%;
	font-weight: bold;
	}
div.contacto_inner span{
	color: #b4b2af;
	font-weight: lighter;
	padding-right: 4px;
	}

div.compania2 strong{
	font-style: oblique;
	font-weight: bold;
	color: #eac081;
	}

div.compania2 p.color{
	color: #d6c2a3;
	padding-left: 20px;
	padding-right: 20px;
	
	}
div.compania div#big_col h2{
	padding-top: 20px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 180%;
	font-weight: normal;
	padding-bottom: 10px;
	color: #eac081;
	
	}
	

div.compania div#small_col div.banner1{
	margin-right: 20px;
	padding-top: 12px;
	font-size: 110%;
	
	}
div.compania div#small_col p.destacado{
	font-size: 130%;
	padding-right: 30px;
	margin-top: 30px;
	text-align: justify;
	
	}

/*galeria*/

div#galeria_cont{
	position: relative;
	float: left;
	width: 650px;	
	
	}
div#galeria_cont p{
	font-size: 120%;
	padding-top: 10px;
	
	}
div#menu_galeria{
	position: relative;
	float: right;
	width: 200px;	
	padding-top: 23px;
	}


div#galeria_cont h2{
	font-family: Georgia;
	font-style: oblique;
	font-size: 180%;
	font-weight: normal;
	padding-bottom: 2px;
	color: #eac081;
	border: none;
	}

div#galeria_cont h3{
	font-size: 160%;
	font-weight: normal;
	padding-bottom: 4px;
	color: #fff;
	padding-top: 10px;
	border: none;
	clear: both;
	float: none;
	background: url(../img/dotted_big.gif) bottom left repeat-x;
	margin-bottom: 20px;
	}

/*newsletter*/
div.newsletter p{
	font-size: 120%;
	margin-bottom: 10px;
	}
div.newsletter p.color{
	font-size: 120%;
	color: #eac081;
	}
div.newsletter p.legal{
	font-size: 100%;
	color: #ccc;
	text-align: justify;
	padding-top: 20px;
	}

form{
	border: none;
	
	}

div.newsletter legend{
	font-family: Georgia;
	font-style: oblique;
	font-size: 120%;
	font-weight: normal;
	color: #eac081;
	border: none;
	margin-left: 30px;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	
	}
fieldset{
	border: dotted 1px #c5b076;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
	}
ul.listasimple2 li{
	margin-bottom: 10px;
	}
ul.listasimple2 li.col1{
	position: relative;
	float: left;
	width: 40%;
	font-size: 120%;
	}
ul.listasimple2 li.col2{
	position: relative;
	float: left;
	width: 40%;
	
	}
ul.listasimple2 li.col2 input{
	width: 250px;
	
	}
ul.listasimple2 li.bot_news{
	position: relative;
	clear: both;
	float: none;
	text-align: right;
	padding-right: 108px;
	padding-top: 2px;
	}
/*footer*************************************************************************************/    

 div#footer{
 	position: relative;
 	background:#430505 url(../img/tile_footer.gif) top left repeat-x;
 	padding-top: 20px;
 	padding-bottom: 60px;
 	margin-top: 0px;
 	font-size: 110%;
 	}	
 
 div#footer div.footer_content{
 	position: relative;
 	width: 898px; 
 	margin:  0 auto;
 	
 	}	
 div.menu_bottom{
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	text-align: right;
 	
 	}