@import url("salonDelComic2012_cab.css");
@import url("http://fonts.googleapis.com/css?family=Permanent+Marker");
@import url(http://fonts.googleapis.com/css?family=Patrick+Hand|Shadows+Into+Light+Two);

html 				{ background: url("i/backRepeat.jpg") repeat scroll center 130px #D36749;}
body			{ background: url("i/BkgSubTabs_infinite_Body.png") repeat-x scroll left top transparent;}
#wrapper, .skin2009 #wrapper 	{ background: none transparent !important; position:relative;}
 .skin2009 #wrapper > .container >.subtabs {background-color: #F2F2F2;float: left;width: 100%;}
#wrapper>.wrapper.top	{ background: url("http://www.rtve.es/css/style/i/tabs/BkgSubTabs_round.gif") repeat-x scroll 0 -8px transparent;
    height: 36px; position: absolute; top:0px; width: 100%; z-index: 1000;*left:0px;}
#wrapper>.container			{ position: relative; z-index: 1001; }
.wrapper.foot						{ background: url("i/BkgSubTabs_infinite_Body.png") repeat-x scroll left -124px white !important; bottom: 0; display: block; float: left; height: auto; width: 100%; }

/*Ajuste para 3.0*/
#wrapper .overheader { background: url("/css/style2011/i/bgLines02.png") repeat-y scroll center bottom #FFFFFF !important;}
/*Ajuste para 3.0 -- Cabecera*/
.corner4.cab_especial	{ background: url("/css/style2011/i/bgLines02.png") repeat-y scroll center bottom #FFFFFF !important; padding:0 !important}
/*Ajuste para 3.0 -- Subtabs*/
#wrapper .subtabs {background:none transparent !important;}

/*** Ajustes especiales - Wrapper Container --> color gris para que las cajas color blanco destaquen ***/
#wrapper .container { background-color:#f2f2f2 !important;}
#wrapper .container .c100 .news .newsGroup{
    margin-bottom: 0;
}
/*** Ajustes Cajas a .mark **/
/*** Ajustes de los anchos para dejar espacio a la sombra **/
#wrapper .unit .mark{
	position:relative; /*width: 96%; */
	/*box-shadow: 4px 4px 0px rgba(0,0,0,.15); -webkit-box-shadow: 4px 4px 0px rgba(0,0,0,.15);-moz-box-shadow: 4px 4px 0px rgba(0,0,0,.15);-o-box-shadow: 4px 4px 0px rgba(0,0,0,.15);-ms-box-shadow: 4px 4px 0px rgba(0,0,0,.15);
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=#e4e4e4, Positive='true');*//* sombra mark */
	padding: 0em;padding-bottom:1em; 
	margin: .4em 2% .4em 1%;  /* borde a las cajas, estilo Salon del comic */
    border:2px solid black\9;
	border-image: url(i/borderMark2.png) 20 30 stretch; 
	-webkit-border-image: url(i/borderMark2.png) 20 30 stretch; -moz-border-image: url(i/borderMark2.png) 20 30 stretch; -o-border-image: url(i/borderMark2.png) 20 30 stretch; -ms-border-image: url(i/borderMark2.png) 20 30 stretch;
	border-width: 5px;
}
/*#wrapper .container .c100 >.mark{width: 96%;}
#wrapper .container .c66 >.mark{width: 97%;}
#wrapper .container .c40 >.mark{width: 95%;}
#wrapper .container .c33 >.mark{width: 84%;}
#wrapper .container .c34 >.mark{width: 85%;}
#wrapper .container .c20 >.mark{width:90%;}
#wrapper .container .c50 >.mark{width:90%;}*/
#wrapper .container .c100 >.mark,
#wrapper .container .c66 >.mark,
#wrapper .container .c60 >.mark,
#wrapper .container .c50 >.mark,
#wrapper .container .c40 >.mark,
#wrapper .container .c34 >.mark,
#wrapper .container .c33 >.mark,
#wrapper .container .c20 >.mark{width: 97%;}
/*** Ajustes Cajas a .mark **/
/*#wrapper .c40>.c100:first-child .mark, #wrapper .c20>.c100:first-child .mark{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none; filter:none; width: 100%; *width: 94%; padding: 1.2em; background:none !important; margin: 0;}*/
#wrapper .container .c100 .corner4 .mark{
	box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none; filter:none; width: 100%; *width: 94%; padding: 1.2em; background:none !important; margin: 0;
	border:none; /* borde a las cajas, estilo Salon del comic */
}
.skin2009 #wrapper .container .c100 >.mark,
.skin2009 #wrapper .container .c66 >.mark,
.skin2009 #wrapper .container .c60 >.mark,
.skin2009 #wrapper .container .c50 >.mark,
.skin2009 #wrapper .container .c40 >.mark,
.skin2009 #wrapper .container .c34 >.mark,
.skin2009 #wrapper .container .c33 >.mark,
.skin2009 #wrapper .container .c20 >.mark	{ width: 100%;}

/*.skin2009#noticias #wrapper .container .corner4 .mark {
	padding: 10px;
	padding-bottom: 12px;
}*/
.skin2009#noticias #wrapper .unit .mark{
	border:none; padding: 10px; width:100%;
}
.skin2009#noticias .secmod .title { width: inherit; padding:0 !important;}
.skin2009#noticias .round .corner { z-index: 1;}
/*** Ajustes del contenido de las Cajas ***/
/** Padding a todos los elementos de la caja menos la imagen que va al limite **/
#wrapper .container .mark .news.bg01.comp>h2,
#wrapper .container .mark .news.bg01.comp>.chapeaux,
#wrapper .container .mark .news.bg01.comp>ul{ padding:.7em;}
/** Separacion de la imagen con el titular **/
#wrapper .container .mark .news.bg01.comp>span img{margin-bottom:.7em;}
/** para que el padding surta efecto en el titular **/
#wrapper .container .mark .news.bg01.comp>h2{display:block;}
/** Cambio de letra en los titulares **/
#wrapper .container .mark .news.bg01.comp>h2 span {font-family:'Permanent Marker', cursive;font-weight: normal;/*font-size: 3em;*/line-height: .8em;color: black;}
/** Antetítulo **/
#wrapper .container .mark .news.bg01.comp>h4 span, #wrapper .container .mark .news.bg01.comp a > h4 span {padding:.4em; font-family: 'Patrick Hand', cursive; font-size:2em !important; font-weight:normal !important; line-height: 1.7em;}
/** Antetítulo en newsGroups **/
#wrapper .container .mark .news.bg01.comp>h4.newsGroup, #wrapper .container .mark .news.bg01.comp a > h4.newsGroup {background-color:black; padding: 0;}
#wrapper .container .mark .news.bg01.comp>h4.newsGroup span, #wrapper .container .mark .news.bg01.comp a > h4.newsGroup span{
    color: white;
    line-height: 1.4em;
    font-size: 2.5em !important;
    display: block;
    padding: 0 .2em;
}

.skin2009#noticias #wrapper .container .mark .news.bg01.comp > h4 span, .skin2009#noticias #wrapper .container .mark .news.bg01.comp a > h4 span {
	padding: inherit;
	font-family: inherit;
	font-size: 12px !important;
	font-weight: normal;
}
.skin2009#noticias .comp span 	{ line-height: 16px !important;}
.skin2009#noticias #wrapper .container .mark .news.bg01.comp > h2 span { font-family: inherit;font-weight: normal;line-height: inherit;color: #004276;}
.skin2009#noticias #wrapper .container .mark .news.bg01.comp > h2, 
.skin2009#noticias #wrapper .container .mark .news.bg01.comp > .chapeaux, 
.skin2009#noticias #wrapper .container .mark .news.bg01.comp > ul {
	padding: 0;
}
.skin2009#noticias .container { overflow: hidden; clear: both;}