/*
	Projecto:  News Socios
	Archivo:  css/styles.css
	Fecha:  Octubre 2013
	
------------------------------------------------------*/



/* =RESET  ------------------------------------*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, acronym, address, 
cite, code, del, dfn,   img,
ins, kbd, q, s, samp,  strike,
 sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
table, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}*/
body,
h1, h2, h3, h4, h5, h6, p { 
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0; }
body { line-height: 1; }
:focus { outline: 0 }
ol, ul { list-style: none }
table {
     border-collapse: collapse;
     border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
input, textarea {
     margin: 0;
     padding: 0
}
hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/* ------------------------------------------------------*/



/* =STRUCTURE  ------------------------------------*/
body {
	background: none repeat scroll 0 0 #FFFFFF;
        color:#787878;
	font: 11px/1.2em Tahoma, sans-serif;
}
a {
	color: #787878;
	font: 11px/1.2em Tahoma, sans-serif;
	display: inline-block;
	outline:none;
	text-decoration: none;
}
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; }
.disabled {  cursor: default;  }
#wrapper {}
/*------------------------------*/


/* =FONTS  ------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
/*h1 { font-size: 22px; line-height: 1.2em; }*/
h2, h2 a { font-size: 26px; line-height: 1.2em; }
h3, h3 a { font-size: 23px; line-height: 1.2em; }
h4, h4 a { font-size: 17px; line-height: 1.2em; }
h5, h5 a { font-size: 15px; line-height: 1.2em; }
h5 { margin-bottom: 8px; }
h6, h6 a { font-size: 14px; line-height: 1.2em; }
p, p a { font-size: 11px; line-height: 1.3em; }
p {
     margin-bottom: 14px;
     /*-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/
}
/*------------------------------*/

/* =FORM  ------------------------------------*/
.formulario { margin: 30px 0; }
.form div {  clear: both;  }
.form div label {
	color: #000000;
	display: block;
	font: 11px/1.2em Tahoma,sans-serif;
}
.form div input, form div textarea {
	background: none no-repeat scroll 0 0 #C4C4C4;
	border: medium none;
	color: #666666;
	font: 11px/1em Tahoma,sans-serif;
	margin-bottom: 15px;
	padding: 5px;
	width: 346px;
}
.form input[type="submit"] {
	background: none no-repeat scroll 0 0 transparent;
	cursor: pointer;
	border: medium none;
	color: #000000;
	font: 11px/1em Tahoma,sans-serif;
	padding: 0 0 0 20px;
}
/*------------------------------*/


/* =LISTADOS  ------------------------------------*/
ul p, ol p { margin-bottom: 0px; }
ul {
	display:block;
	margin-bottom: 15px;
	padding-left: 30px;
	*padding-left: 0px;
	list-style: disc outside none;
	font-size: 11px; line-height: 1.4em;
}
ul li {
	list-style: disc outside none;
	font-size: 11px; line-height: 1.4em;
	margin-bottom: 10px;
}
ul ul {
	list-style: circle outside none;
}
ul ul li {
	list-style: circle outside none;
	margin-bottom: 5px;
}
ol {
	list-style: decimal outside none;
	font-size: 11px; line-height: 1.4em;
}
ol li { font-size: 11px; line-height: 1.4em; }
/*------------------------------*/


/* =TABLE  ------------------------------------*/
table {}
table tr {}
table tr td { padding:0; }
/**/
#tabla,
.tabla { border: 1px solid #C3C3C3; }
#tabla th,
.tabla th {
    background-color: #D6D6D6;
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
}
#tabla th p,
.tabla th p { margin: 5px 0; }
#tabla td,
.tabla td {
    border-bottom: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    padding: 5px;
}
#tabla table,
.tabla table { spacing: 2px; }
#tabla .titulos,
.tabla .titulos {
    color: #4889CE;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}
#tabla.texto, 
.tabla.texto {
    color: #444444;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
}
#tabla a,
.tabla a {
    color: #4889CE;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    line-height: 15px;
    text-decoration: none;
}
/*------------------------------*/


/* =ALING  ------------------------------------*/
.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 19px;
}
.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 19px;
}
.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
/*------------------------------*/


/* =HEADER  ------------------------------------*/
#header {
	border-top: 2px solid #003e7e;
	height: 75px;
}
.topcont {
    margin-top: 15px;
    margin-left: 20px;
}
#branding { height: 37px; }
#branding a {
	background:url("../images/socios01.png") no-repeat scroll 0 0 transparent;
	height: 37px; width: 203px;
	display: block;
}
/**/
#editFont { margin-top: 24px; }
#editFont a { color: #468bce; }
/**/
#divShare {
    background-color: #FFFFFF;
    border: 3px solid #E6E5E6;
    width: 110px;
    z-index: 500;
}
#divShare p {
    margin: 0;
    padding: 5px;
}
#divShare img { margin-right: 5px; }
.ie6 #divShare img {
    display: inline-block !important;
    height: 16px !important;
    margin-right: 5px;
    width: 16px !important;
}
#divShare a.shareFacebook { font-size: 12px; }
#divShare a.shareTwitter { font-size: 12px; }
#divShare a.shareLinkedIn { font-size: 12px; }
/*------------------------------*/
	
	
/* =SIDEBAR  ------------------------------------*/
.sidebar {
	position: relative; top: 0; left: 0;
	width: 180px;
	background: repeat scroll 0 0 #e9eced;
	/*height:500px;*/
}
.sidebar p {
	margin: 20px 0 20px 10px;
	color: #FFF;
	text-shadow: 1px 1px 1px #666;
}
	.sidebar ul {
		display:block;
		margin:0;
		padding:0;
		list-style:none outside none;
	}
	/* =Buscador  ---*/
	.formBuscarbox {
		position: relative; top: 0; left: 0;
		margin: 20px 0;
	}
	.formBuscarbox .fbcampo {
		margin: 0 0 0 10px;
		position: relative; top: 0; left: 0;
	}
	.fbmenu, .linksbox { margin-bottom: 20px; }
	#menu,
	#menusecond {
		background:url("../images/socios03.png") no-repeat scroll 0 0 transparent;
		padding: 3px 0 0 0;
	}
	#menu li,
	#menusecond li {
		background:url("../images/socios03.png") no-repeat scroll left bottom transparent;
		font: 12px/1.2em Tahoma,sans-serif;
		color: #FFFFFF;
		width: 100%;
		display: inline-block;
	}
	#menu li a,
	#menusecond li a {
		text-decoration: none;
		display: block;
		font: 12px/1.2em Tahoma,sans-serif;
		color: #FFFFFF;
		text-shadow: 1px 1px 1px #666666;
		background:url("../images/socios08.png") no-repeat scroll right center transparent;
		padding: 6px 10px; 
	}
	#menu a:hover,
	#menusecond a:hover {
		color:#FFF;
		-webkit-transition: color 0.2s linear;
	}
	#menu a.selected,
	#menusecond a.selected {
		background:url("../images/socios08a.png") no-repeat scroll right center transparent;
		color:#FFF;
		-webkit-transition: color 0.2s linear;
	}
	#menu li ul { display:none; background: url("../images/pattern2.jpg") repeat scroll 0 0 #9d9d9d; }
	#menusecond li ul { display:none; background: url("../images/pattern2.jpg") repeat scroll 0 0 #9d9d9d; }
	/*	*/
	#menu ul li, #menusecond ul li {
		background:url("../images/socios04.png") no-repeat scroll left bottom transparent;
	}
	#menu ul li.first,
	#menusecond ul li.first { margin-top: 5px; }
	#menu ul li.last,
	#menusecond ul li.last { background: none repeat scroll 0 0 transparent; margin-bottom: 0; }
	#menu ul li a,
	#menusecond ul li a {
		background: none no-repeat scroll 0 0 transparent;
		color:#FFF;
		opacity: 0.8;
		text-shadow: 0 0 0;
	}
	#menu ul li a:hover,
	#menusecond ul li a:hover {
		background: none no-repeat scroll 0 0 transparent;
		opacity: 1;
		-webkit-transition: color, background-color 0.2s linear;
	}
	#menu ul li p {
		display: block;
		margin: 0;
		opacity: 0.8;
		float: left;
		padding: 6px 0px 6px 0px;
		color: #FFFFFF;
		font: 11px/1.2em Tahoma,sans-serif;
		text-shadow: 0 0 0;
		/*width: 123px;*/
		width: 100%;
	}
	#menu ul li span {
		margin: 0 0 0 9px;
		*float: left;
		color: #FFFFFF;
		font: 11px/1.2em Tahoma,sans-serif;
	}
	#menu .fb-checkbox {
		background: none no-repeat scroll 0 0 transparent;
		display: inline-block;
		margin: 2px 9px 2px 0;
		*margin: 0 9px 0 0;
		float: right;
		width: auto;
		cursor:pointer;
	}
	.formBuscarbox div input {
		/*background:url("../images/socios05.png") no-repeat scroll 0 0 transparent;*/
		/*background:url("../images/socios07.png") no-repeat scroll 0 0 #838383;*/
		background:url("../images/socios07.png") no-repeat scroll 0 0 #BEBEBE;
		border: medium none;
		/*color: #DBDBDB;*/
		color: #FFFFFF;
		margin-bottom: 5px;
		padding: 5px 5px 7px 25px;
		width: 140px;
		*width: 140px;
		*height:25px;
	}
	/*.formBuscarbox div input#fb_buscar {
		cursor:pointer;
		position: absolute; top: 0; left: 0px;
		*top: 2px;
		text-indent: -300000px;
		background: url("../images/socios07.png") no-repeat scroll 0 0 transparent;
		height: 25px; width: 21px;
		margin: 0;
		padding: 0;
	}*/
	.formBuscarbox div .fb-submit {
		cursor:pointer;
		background: url("../images/socios06.png") no-repeat scroll 0 0 transparent;
		padding: 4px 2px 6px 0;
		margin: 15px 0 0 10px;
		text-transform: uppercase;
		color: #FFFFFF;
		font: bold 8px/1em Tahoma,sans-serif;
		letter-spacing: 0.1em;
		text-align: center;
		*height:21px;
		width: 63px;
	}
/**/
.titlebar {
    color: #888888;
    font-family: Georgia;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
}
.titlebtnhome {
    color: #666666;
    font-family: Georgia;
    font-size: 19px;
    line-height: 22px;
    text-decoration: none;
}
.textlittle3 td, .textlittle3 {
    color: #444444;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
}
/*------------------------------*/


/* =CONTENT  ------------------------------------*/
.temporada {
     height: 50px;
     color: #FFFFFF;
     font: normal 15px/1.2em Tahoma, sans-serif;
     letter-spacing: 3px;
     word-spacing: 14px;
     margin-bottom: 16px;
}
.tempPrimavera { background-color: #b1ba1d; }
.tempVerano { background-color: #b2a37a; }
.tempOtono { background-color: #79bde9; }
.tempInvierno { background-color: #a7a9ac; }
.temporada td.tempEdicion strong { letter-spacing: 0; word-spacing: 0; }
.temporada td.tempEdicion span { word-spacing: 0; }
.temporada .linkanteriores {
    float: right;
    padding: 0 13px 0 0;
    width: 200px;
    *width: 213px;
    color: #FFFFFF; line-height: 4.5em;
    text-align: center; letter-spacing: 0; word-spacing: 0;
    background: url("../images/socios25.png") no-repeat scroll right top transparent;
}
.linkanteriores:hover { background: url("../images/socios25.png") no-repeat scroll right bottom transparent; }
#content { }
/*--*/
.breakline {
	clear:both;
	display: block;
	overflow: hidden;
	height:1px;
	font-size:0;
	background-color: #ebebeb;
	margin: 10px 0 6px; }
.breakline1 {
	clear:both;
	display: block;
	overflow: hidden;
	height:1px;
	font-size:0;
	background-color: #f1f1f1;
	margin: 10px 0 6px; }
.breakline2 {
	clear:both;
	display: block;
	overflow: hidden;
	height:3px;
	font-size:0;
	background-color: #9b9b9b;
	/*margin-bottom: 10px;*/
}
/*.breakline3 {
	clear:both; display: block; overflow: hidden;
	height:3px; font-size:0; background-color: #414141; margin: 0 0 10px;
}*/
/*--*/
.link01 { color:#878787; }
.link02 {
	background: url("../images/socios02.png") no-repeat scroll 0 0 transparent;
	padding: 0 0 0 15px;
	color:#9b9b9b;
	margin: 0 0 0 10px;
}
.link02:hover { color:#545454; }
/*--*/
.linkback {
	background-color:#bebebe;
	color: #FFFFFF;
	font:bold 11px/1.2em Tahoma,sans-serif;
	padding: 4px 6px;
}
span.linkback { display:block; }
/*--*/
.linkenlace {
	background: url("../images/socios10.png") no-repeat scroll 0 0 transparent;
	padding: 4px 0 0 20px;
	color:#383838;
	font-weight:bold;
}
/*--*/
.linkexterno {
	color:#b893a3;
	text-decoration: underline;
}
/*--*/
.box {
	background-color: #FFFFFF;
	/*margin-bottom: 22px;*/
}
.boxline {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	clear: both;
}
.boxalto1 { height: 296px; }
.boxalto2 { height: 276px; }
.shadow {
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px#bbb;
	box-shadow: 0 0 5px #bbb;
}
.center { margin: 0 20px;  *margin: 0 18px; }
.box .topline { font-size:0; height:3px; width: 100%; }
.box img { display:block; }
.grid_4a .grid { width: 218px; } 
.box .box-info { display: inline-block; }
.box .box-info p { color: #6e6f6f; line-height: 1.3em; margin-bottom: 6px;/* word-break: break-all;*/ }
.titlesecc {}
.titlesecc a { display: inline; }
.titlenota { font-family: Tahoma, serif; width: 100%; color: #787878; margin: 0 0 10px; }
.titlenota a { color: #787878; }
.copnota { margin: 0 0 15px 0; }
.comentario { font-family: Georgia, serif; }
.box .titlesecc { margin: 10px 0; }
.box .titlesecctop { margin: 15px 0 15px; }
.boxSec01 .topline { background-color:#003e7e; }
.boxSec02 .topline { background-color:#b93670; }
.boxSec03 .topline { background-color:#0d86a4; }
.boxSec04 .topline { background-color:#e99003; }
.boxSec05 .topline { background-color:#30bab8 ; }
.boxSec01 .titlesecc, .boxSec01 .titlesecc a { color:#003e7e !important; }
.boxSec02 .titlesecc, .boxSec02 .titlesecc a { color:#b93670; }
.boxSec03 .titlesecc, .boxSec03 .titlesecc a { color:#0d86a4; }
.boxSec04 .titlesecc, .boxSec04 .titlesecc a { color:#e99003; }
.boxSec05 .titlesecc, .boxSec05 .titlesecc a { color:#30bab8; }
.boxSec01 .link01:hover { color:#003e7e; }
.boxSec02 .link01:hover { color:#b93670; }
.boxSec03 .link01:hover { color:#0d86a4; }
.boxSec04 .link01:hover { color:#e99003; }
.boxSec05 .link01:hover { color:#30bab8; }
.linkback01 { background-color:#003e7e; }
.linkback02 { background-color:#b93670; }
.linkback03 { background-color:#0d86a4; }
.linkback04 { background-color:#e99003; }
.linkback05 { background-color:#30bab8; }
.linkback01, .linkback02, .linkback03, .linkback04, .linkback05 { width: 270px; /*margin-bottom: 20px;*/ }
.linkbackbox { width: 228px; *width: 240px; }
.boxSec01 .linkback:hover { background-color:#003e7e; }
.boxSec02 .linkback:hover { background-color:#b93670; }
.boxSec03 .linkback:hover { background-color:#0d86a4; }
.boxSec04 .linkback:hover { background-color:#e99003; }
.boxSec05 .linkback:hover { background-color:#30bab8; }
.boxSec01 .jspDrag { background-color:#003e7e; }
.boxSec02 .jspDrag { background-color:#b93670; }
.boxSec03 .jspDrag { background-color:#0d86a4; }
.boxSec04 .jspDrag { background-color:#e99003; }
.boxSec05 .jspDrag { background-color:#30bab8; }
.txtgreen,
.txtgreen a { color: #4daf72; }
/**/
.scrollTxt {
	width: 100%;
	height: 540px;
	overflow: auto;
	margin-top: 15px;
}
.boxNota p { line-height:1.4em; }
.icon { margin-top: 15px; }
/*--*/
.apartado { margin-top: 20px; }
.apartado p,
.apartado a { color: #878787; font: 11px/1.3em Georgia,serif; }
.apartado hr { background-color: #878787; margin-bottom: 10px; }
.boxSec01 .apartado p, .boxSec01 .apartado a { color:#003e7e; }
.boxSec02 .apartado p, .boxSec02 .apartado a { color:#b93670; }
.boxSec03 .apartado p, .boxSec03 .apartado a { color:#0d86a4; }
.boxSec04 .apartado p, .boxSec04 .apartado a { color:#e99003; }
.boxSec05 .apartado p, .boxSec05 .apartado a { color:#30bab8; }
.boxSec01 .apartado hr { background-color: #003e7e;}
.boxSec02 .apartado hr { background-color: #b93670;}
.boxSec03 .apartado hr { background-color: #0d86a4;}
.boxSec04 .apartado hr { background-color: #e99003;}
.boxSec05 .apartado hr { background-color: #30bab8;}
/*-----*/
.boxmin {
    float: left;
    margin: 0 7px 14px;
    height: 300px; width: 240px;
    background-color: #FFFFFF;
    border-top: 3px solid #009DD5;
}
.boxmin img { display:block; }
.boxmin h5 { color: #787878; margin-top: 15px; }
.boxmin p { color: #9B9B9B; }
.boxmin a { color: #9B9B9B; }
.boxsemin {
    float: left;
    margin: 0 7px 14px;
    height: 300px; width: 494px;
    background-color: #FFFFFF;
}
/*------------------------------*/


/* =HOME  ------------------------------------*/
.contHome {  }
.contHome .box { height: 310px; position: relative; left: 0; top: 0; }
.contHome .box .boxline { height: 306px; *height: 310px; }
.contHome .box .box-info { height: 270px; }
.contHome .box .box-info img { margin-bottom: 5px; }
.contHome .box .box-info .titlenotalineh { line-height: 1.6em; }
.contHome .box .box-info .titlenotaspace { margin-bottom: 15px; }
.contHome .boxtipo01 { height: auto; }
.contHome .boxtipo01 .boxline { height: 350px; }
.contHome .boxtipo01 .box-info { height: auto; }
.contHome .boxtipo02 { height: auto; }
.contHome .boxtipo02 .boxline { height: 390px; }
.contHome .boxtipo02 .box-info { height: auto; }
.contHome .boxtipo03 { height: auto; }
.contHome .boxtipo03 .boxline { height: 450px; }
.contHome .boxtipo03 .box-info { height: auto; }
.contHome .boxtipo04 { height: auto; }
.contHome .boxtipo04 .boxline { height: 490px; }
.contHome .boxtipo04 .box-info { height: auto; }
.contHome .boxtipo05 { height: auto; }
.contHome .boxtipo05 .boxline { height: 550px; }
.contHome .boxtipo05 .box-info { height: auto; }
.contHome .boxtipo06 { height: auto; }
.contHome .boxtipo06 .boxline { height: 590px; }
.contHome .boxtipo06 .box-info { height: auto; }
.contHome .boxtipofree { height: auto; }
.contHome .boxtipofree .boxline { height: auto; }
.contHome .boxtipofree .box-info { height: auto; }
/*------------------------------*/


/* =TEMPLATE  ------------------------------------*/
.boxCanales .box { background-color: #F0F0F0; }
.boxCanales .boxline {	border-top: 1px solid #e1e1e1; display: inline-block; }
.boxCanales h4 { margin: 0 0 10px; min-height: 48px; }
/**/
.boxResultados { margin-top: 30px;}
.boxResultados li { margin-bottom: 30px; }
.boxResultados li p.titlesecc { margin-bottom: 4px; font-size: 11px; }
.boxResultados li p.titleline { margin-bottom: 4px; }
.boxResultados li h5 { color:#9b9b9b; margin-bottom: 5px; }
.boxResultados li p { color:#9b9b9b; font-size: 12px; }
.boxResultados li p a.link { color:#a4a4a4; font-size: 9px; font-weight: bold; }
/*------------------------------*/


/* =HACKS  ------------------------------------*/
	/*Chrome*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	}
/*------------------------------*/