/**
 * @file
 * Views Styling
 */


/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */

.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}



/* TEASER CON TITULO EL FLOAT LATERAL para OPED, NOTICIAS, ACTIVIDADES y ESPECIAL PORTADA */

	/* COMPARTIDO */

.view .node .field-type-text-with-summary:first-letter { /*elimina first-letter de todos los contenidos */
	font-size:1em;
	float:none;
	padding:0;
}

.view-noticias ul.links,
.view-user-track ul.links { /* pone los links a la dcha y pequeños para todos los contenidos */
	float:right;
	font-size:0.7em;
	font-style:italic;
	text-transform: uppercase;
	color:#ccc;
	margin:0;
	text-align:right;
}

.view-noticias ul.links a:visited, /* enlaces para todos los contenidos */
.view-comentario ul.links a:visited,
.view-especial-portada ul.links a:visited {color:#999}

.view-noticias ul.links a,
.view-comentario ul.links a,
.view-especial-portada ul.links a {color:#999}

.view-noticias ul.links a:hover,
.view-comentario ul.links a:hover,
.view-especial-portada ul.links a:hover {color:#000}

.view-noticias .node .field-name-field-source, /*fuente y submitted by */
#content .view-actividades .views-field-field-fecha-actividad  {
	font-size:0.8em;
	width:300px;
	color: #4d653a; /* antes #4d653a */
	padding-left:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
	clear:both;
	word-break:break-all;
	word-wrap: break-word;
}

.node .field-name-field-source p { /*junta las lineas de las url largas */
	line-height:1.2em;
	padding-bottom:5px;
}

.view-noticias .node .field-type-text-with-summary p, 
.view-comentario .node .field-type-text-with-summary p,
#content .view-actividades .views-field-body p {
	margin-left:350px;
	margin-bottom:5px;
	text-align: justify;
}

.view-noticias .node h2, /*titulares*/
.view-comentario .node h2 {
	font-size: 1.643em;
	line-height: 1em;
	font-weight: normal;
	width: 300px;
	float: left;
	padding-bottom:0.3em;
}



	/* NOTICIAS */

.view-noticias .node-noticia .field-name-field-source a:visited {color:#666}
.view-noticias .node-noticia .field-name-field-source a:link {color:#666}
.view-noticias .node-noticia .field-name-field-source a {color:#666}
.view-noticias .node-noticia .field-name-field-source a:hover {color:#000}

.view-noticias .field-name-field-fecha-publicacion {
	float:left;
	clear:both;
	font-size:0.8em;
	font-family: tahoma, arial, helvetica, sans-serif;
	background: url('../images/calendar_alt_stroke_8x8.png') no-repeat left center;
	padding-left:15px;
	margin-right:25px;
}

.page-noticias .view-noticias .views-row {float:left;}


.view-noticias .field-name-field-pais {
	text-align:right;
	float:left;
	font-size:0.8em;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
	color:#999;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: url('../images/tag_fill_8x8.png') no-repeat left center;
	padding-left: 5px;
	margin-right:25px;
}

.view-noticias .field-name-field-pais div {
	float:right;
}

.view-noticias .field-name-field-pais .field-items .field-item {
	padding-left:10px;
}

.page-noticias .view-noticias .views-row {
	border-bottom: 1px dashed #CCC;
	margin-bottom:0;
	padding:10px 0px;
	width:734px;
}

		/* TEASER INFERIOR */
	
.view-noticias .node .field-type-text-with-summary p {
	display:none;
}

.view-noticias .node h2 {
	width:100%;
	font-size: 1.4em;
}

.view-noticias .node .field-name-field-source {clear:none;border:none}

		/*primera noticia */

.page-noticias .view-noticias .views-row-first .node { 
	background: #F1EFE2;
	padding: 10px 19px 5px 15px;
	border-left: 4px solid #D38207;
	border-bottom:none;
}

.page-noticias .view-noticias .views-row-first {
	border-bottom: none;
	margin-top:10px;
	margin-bottom:10px;
}

#content .view-actividades .views-row-first .views-field-field-fecha-actividad {margin-bottom:1em;}

.page-noticias .view-noticias .views-row-first .field-name-field-source,
.page-noticias .view-noticias .views-row-first .field-name-field-fecha-publicacion  {
	clear: none;
	margin: 0;
	text-align:right;
}

.page-noticias .view-noticias .views-row-first .field-name-field-source {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: 280px;
	}

.page-noticias .view-noticias .views-row-first .field-name-field-fecha-publicacion {width:auto;}

.page-noticias .view-noticias .views-row-first .field-name-field-pais {
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
	width:auto;
}

.page-noticias .view-noticias .views-row-first .node .field-type-text-with-summary p {
	margin:0;
	float:left;
	text-align:justify;
	display:block;
}

.page-noticias .view-noticias .views-row-first .node h2 
 {width:396px; margin-right:20px;font-size:2em;line-height:1em;margin-bottom:.5em;} /*fin primera noticia */


 	/*3/6 noticias en columna */
 
.page-noticias .view-noticias .views-row-2,
.page-noticias .view-noticias .views-row-3,
.page-noticias .view-noticias .views-row-4,
.page-noticias .view-noticias .views-row-5,
.page-noticias .view-noticias .views-row-6,
.page-noticias .view-noticias .views-row-7 {
	float:left; 
	width:220px;
	background: #f6f6f6;
	padding: 10px;
	border-top:4px solid #4D653A;
	margin-bottom:15px;
	}

.page-noticias .view-noticias .views-row-2,
.page-noticias .view-noticias .views-row-3,
.page-noticias .view-noticias .views-row-5,
.page-noticias .view-noticias .views-row-6
 {margin-right:6px;}

.page-noticias .view-noticias .views-row-2 .node .field-type-text-with-summary, 
.page-noticias .view-noticias .views-row-3 .node .field-type-text-with-summary,
.page-noticias .view-noticias .views-row-4 .node .field-type-text-with-summary,
.page-noticias .view-noticias .views-row-5 .node .field-type-text-with-summary,
.page-noticias .view-noticias .views-row-6 .node .field-type-text-with-summary,
.page-noticias .view-noticias .views-row-7 .node .field-type-text-with-summary {
	margin-left:0;
	float:left;
	height: 140px;
	overflow: hidden;
	font-size:.9em;
}

.page-noticias .view-noticias .views-row-2 .node .field-type-text-with-summary p, 
.page-noticias .view-noticias .views-row-3 .node .field-type-text-with-summary p,
.page-noticias .view-noticias .views-row-4 .node .field-type-text-with-summary p,
.page-noticias .view-noticias .views-row-5 .node .field-type-text-with-summary p,
.page-noticias .view-noticias .views-row-6 .node .field-type-text-with-summary p,
.page-noticias .view-noticias .views-row-7 .node .field-type-text-with-summary p {
	margin:10px 0;
	display:block;
} 

.page-noticias .view-noticias .views-row-2 .node h2,
.page-noticias .view-noticias .views-row-3 .node h2,
.page-noticias .view-noticias .views-row-4 .node h2,
.page-noticias .view-noticias .views-row-5 .node h2,
.page-noticias .view-noticias .views-row-6 .node h2,
.page-noticias .view-noticias .views-row-7 .node h2 {
	width:auto;
	height:80px;
	overflow:hidden;
	font-size:1.4em;
	line-height:1.2em;
	}

.page-noticias .view-noticias .views-row-2 .node .field-name-field-source,
.page-noticias .view-noticias .views-row-3 .node .field-name-field-source, 
.page-noticias .view-noticias .views-row-4 .node .field-name-field-source,
.page-noticias .view-noticias .views-row-5 .node .field-name-field-source,
.page-noticias .view-noticias .views-row-6 .node .field-name-field-source,
.page-noticias .view-noticias .views-row-7 .node .field-name-field-source {
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.page-noticias .view-noticias .views-row-2 .node .field-name-field-pais,
.page-noticias .view-noticias .views-row-3 .node .field-name-field-pais, 
.page-noticias .view-noticias .views-row-4 .node .field-name-field-pais,
.page-noticias .view-noticias .views-row-5 .node .field-name-field-pais,
.page-noticias .view-noticias .views-row-6 .node .field-name-field-pais,
.page-noticias .view-noticias .views-row-7 .node .field-name-field-pais {
	width:auto;
	float:right;
	margin-right:0;
}

.page-noticias .view-noticias .views-row-2 .node .field-name-field-fecha-publicacion,
.page-noticias .view-noticias .views-row-3 .node .field-name-field-fecha-publicacion, 
.page-noticias .view-noticias .views-row-4 .node .field-name-field-fecha-publicacion,
.page-noticias .view-noticias .views-row-5 .node .field-name-field-fecha-publicacion,
.page-noticias .view-noticias .views-row-6 .node .field-name-field-fecha-publicacion,
.page-noticias .view-noticias .views-row-7 .node .field-name-field-fecha-publicacion {
	width:auto;
}


.page-noticias .view-noticias .views-row-8 {border-top: 10px solid #E3E5E8;margin-top:15px;}



 /* COMENTARIO Y ACTIVIDADES (similares) */
 

#content .view-actividades .views-row {overflow: hidden;height:1%}

.view-comentario .node .submitted {margin-bottom:0;}


.view-comentario .field-name-field-pais div {
	float:left;
	margin-right:10px;
}

.view-comentario .views-row-first .node .field-type-text-with-summary p {
	margin:0;
	float:left;
	text-align:justify;
}

.view-comentario .node-op-ed .submitted {
	padding:0 0 0 15px;;
	background: url('../../../themes/opemam/images/user_6x8.png') no-repeat left center;
}

.view-comentario .node-op-ed .submitted a {color:#999}
.view-comentario .node-op-ed .submitted a:link {color:#999}
.view-comentario .node-op-ed .submitted a:hover {color:#000}
.view-comentario .node-op-ed .submitted a:visited {color:#999}

.view-comentario ul.links {
	float:left;
	width:400px;
	font-size:0.7em;
	font-style:italic;
	text-transform: uppercase;
	color:#ccc;
	margin:0 0 1.5em 0;
	text-align:right;
}

#content .view-actividades .views-field-field-imagen {
	padding:0 15px 0 0;
	float:left;
	}

#content .view-comentario .field-name-field-imagen {
	position: absolute;
	top: 0;
	right: 0;
}

#content .view-comentario .node {
	position:relative;
}

#content .view-actividades .views-field-field-imagen img:hover
#content .view-comentario .field-name-field-imagen img:hover, {
	opacity:0.7;
	filter:alpha(opacity=80);
}

#content .view-actividades .views-field-title,
#content .view-comentario .views-row .node h2 {
	font-size: 1.643em;
	line-height: 1em;
	font-weight: normal;
	width: 400px;
	float: right;
	padding-bottom:0.3em;
}

#content .view-comentario .views-row .node h2 {float:left;}

#content .view-actividades .views-row-first .views-field-title,
#content .view-comentario .views-row-first .node h2  {font-size:2.2em;line-height:1em;}

#content .view-actividades .views-field-field-fecha-actividad,
#content .view-comentario .field-name-field-pais,
#content .view-comentario .node .submitted {
	border-bottom:1px solid #ccc;
	float:left;
	width:400px;
	clear:none;
	margin:0;
	
	}
	
	#content .view-actividades .views-field-field-fecha-actividad {float:right; margin-bottom:1em;}

#content .view-comentario .field-name-field-pais {	
	font-size: .8em;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
	color:#999;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom:1em;
	padding-left:15px;
	background: url('../../../themes/opemam/images/tag_fill_8x8.png') no-repeat left center;
}
	
#content .view-comentario .views-row-first .node .submitted,
#content .view-comentario .views-row-first .field-name-field-pais {float:left;}
	
#content .view-actividades .views-field-body p,
#content .view-comentario .field-name-body p {margin:0; float:right; width:400px;}

#content .view-comentario .field-name-body p {float:left;}

#content .view-actividades .views-row,
#content .view-comentario .views-row {
	padding-bottom:1em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	border-bottom: 5px solid #EEE;
	min-height:220px;
	}

/* SECCION PAISES (tabla), usando modernizr para navegadores sin transform */

.view-fichas-paises h3 {
	float:left;
	width:707px;
	font-family: 'NewCicleSemi', Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	margin-top: 30px;
	margin-bottom: 15px;
	border-left: 0.3em solid #D38207;
	padding: 7px 10px 5px 10px;
	background-color: #F0F0F0;
	background-image: url('../images/banderapais.png');
	background-position: 675px -5px;
	background-size: 40px;
	background-repeat: no-repeat;
}

#contenedor_ficha_pais {
	position: relative;
	float:left;
	margin: 11px;
	width: 100px;
	height: 67px;
	z-index: 1;
}



.cssreflections #contenedor_ficha_pais {
	perspective: 1000;
	-webkit-perspective: 1000; /* Safari and Chrome */
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	}	

.cssreflections #ficha_pais_custom {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Safari and Chrome */
	transition: all .5s linear;
	-moz-transition: all .5s linear; /* Firefox 4 */
	-webkit-transition: all .5s linear; /* Safari and Chrome */
	-o-transition: all .5s linear; /* Opera */
	
}

.cssreflections #contenedor_ficha_pais:hover #ficha_pais_custom {
	transform: rotateY(180deg);
	-ms-transform:rotateY(180deg); /* IE 9 */
	-moz-transform:rotateY(180deg); /* Firefox */
	-webkit-transform:rotateY(180deg); /* Safari and Chrome */
	-o-transform:rotateY(180deg); /* Opera */
}

.cssreflections #ficha_pais_custom .bandera_ficha_pais {
	position: absolute;
	border: 1px solid #999;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden; /* Chrome and Safari */
	-moz-backface-visibility:hidden; /* Firefox */
}

.cssreflections #ficha_pais_custom .nombre_ficha_pais {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden; /* Chrome and Safari */
	-moz-backface-visibility:hidden; /* Firefox */
	font-size: .9em;
	font-weight: bold;
	line-height: 1.2em;
	font-family: Tahoma, arial, helvetica, sans-serif;
	display: block;
	transform: rotateY(180deg);
	-ms-transform:rotateY(180deg); /* IE 9 */
	-moz-transform:rotateY(180deg); /* Firefox */
	-webkit-transform:rotateY(180deg); /* Safari and Chrome */
	-o-transform:rotateY(180deg); /* Opera */
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	padding: 10px;
	color: #000;
	text-align: center;
	background-color: #fff;
	border:1px solid #999;
	cursor:pointer;
}

.no-csstransforms3d #ficha_pais_custom .bandera_ficha_pais,
.no-cssreflections #ficha_pais_custom .bandera_ficha_pais { /* fallback */
	width:100px;
	height:67px;
	border: 1px solid #999;
	z-index:1;
	position:relative;
}

.no-csstransforms3d #ficha_pais_custom .nombre_ficha_pais,
.no-cssreflections #ficha_pais_custom .nombre_ficha_pais { /* fallback */
	font-size: .9em;
	font-weight: bold;
	line-height: 1.2em;
	font-family: Tahoma, arial, helvetica, sans-serif;
	display: block;
	color: black;
	text-align: center;
	background-color:#fff;
	cursor: pointer;
	position: absolute;
	border: 1px solid #999;
	padding:10px;
	left: 0;
	top:0;
	width: 80px;
	height:47px;
	z-index:0
}

.no-csstransforms3d #ficha_pais_custom .bandera_ficha_pais:hover,
.no-cssreflections #ficha_pais_custom .bandera_ficha_pais:hover { /*fallback */
	opacity:0.2;
	filter:alpha(opacity=20);
}

/* PUblicaciones */

.view-publicaciones {
	width: 960px;
	margin-left: -20px;
	}

/* Cronología electoral */

.page-elec .views-exposed-form, 
.page-elec-c .views-exposed-form, 
.page-elec-p .views-exposed-form   {margin: 0 -20px;}

label[for=edit-field-tipo-tid] {float:left;padding-right:10px;}

.page-elec .views--widgets .views-widget, 
.page-elec-c .views-exposed-widgets .views-widget,  
.page-elec-p .views-exposed-widgets .views-widget {float:left;}

#edit-submit-eventos-electorales-sobre-pais, 
#edit-submit-eventos-electorales-convocados-sobre-pais,
#edit-submit-eventos-electorales-previstos-sobre-pa-s {margin-top:0;}

td.views-field-field-fecha {white-space: nowrap; padding:1.5em 10px;}


/* Página de User-Track */

.view-user-track .attachment-before .field-type-text-with-summary p {
	margin:0;
	}

.view-user-track .attachment-before h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	}
	
.view-user-track .attachment-before ul li {
	border-left: none;
	padding: 0;
	margin: 0;
	background: none !important;
}

.view-user-track .attachment-before ul {margin:20px 0;}

.view-user-track .attachment-before ul li:hover {background:none !important;}

#content .view-user-track .views-row {
	padding: 5px 10px;
	margin: 0 0 20px 20px;
	background-color: #EEE;
}

#content .view-user-track .views-row .node .submitted {
	margin:0;
	border-bottom:none; 
	float:right;
	margin-left:20px;}

#content .attachment .view-user-track .views-row {margin:0;}
#content .attachment .view-user-track .views-row .field-name-field-tipo-pub, 
#content .attachment .view-user-track .views-row .field-name-field-pais {
	float:left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#666;
	text-transform:uppercase;
	font-weight: bold;
	white-space: nowrap;
}

#content .attachment .view-user-track .views-row .field-name-field-imagen {
	display:none;
}

#content .attachment .view-user-track .views-row .field-name-field-pais {color:#999;}

#content .attachment .view-user-track .views-row .links {margin:0;}

#content .attachment .view-user-track .views-row .field-name-field-pais .field-item {float:left; margin-right:10px;}

#content .attachment .view-user-track .views-row .field-name-body {
	float:left; 
	margin-top:15px;
	clear: both;
	text-align: justify !important;
}

#content .attachment .view-user-track .views-row .field-name-field-tipo-pub .field-item:after {content:"|";margin:0 5px;}

#content .view-user-track .views-row:hover {
	background-color: #F8F8F8;
	}

#content .view-user-track .views-field-title {
	font-size:1.4em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#content .view-user-track  .views-field-field-tipo-pub,
#content .view-user-track  .views-field-created,
#content .view-user-track  .views-field-field-pais {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}

#content .view-user-track  .views-field-field-tipo-pub {
	background:url('../images/document_alt_stroke_9x12.png') no-repeat;
	background-position:0 2px;
	margin-left:-30px;
	padding-left:30px;
}

#content .view-user-track  .views-field-created {font-weight:normal;}

#content .view-user-track  .views-field-created .field-content:after,
#content .view-user-track  .views-field-created .field-content:before {content:"|"; margin:0 10px;}


#content .view-user-track .views-field-created {font-size:0.786;}

/* Pagina de Calendario Electoral */

.page-calendario-electoral .view-calendario-electoral .calendario_previstas {width: 49%;float: right;}
.page-calendario-electoral .view-calendario-electoral .calendario_convocadas {width: 49%;float: left;}

.page-calendario-electoral .view-calendario-electoral .calendario_previstas h3,
.page-calendario-electoral .view-calendario-electoral .calendario_convocadas h3 {
  font-family: 'NewCicleFina', Tahoma, Arial, sans-serif;
  font-size: 1.2em;
  color: white;
  padding: 10px 0 7px 10px;
  }
 
.page-calendario-electoral .view-calendario-electoral .calendario_previstas h3 {background-color:#D38207;}
.page-calendario-electoral .view-calendario-electoral .calendario_convocadas h3 {background-color:#4D653A;}

.page-calendario-electoral .view-calendario-electoral .calendario_previstas ul,
.page-calendario-electoral .view-calendario-electoral .calendario_convocadas ul {
  margin: 0;
  padding-top: 65px;
  position: relative;
  top: -74px;
  background: url('../images/Urnawhite.png') no-repeat;
  background-position: top right;
  font-size:.9em;
}

.page-calendario-electoral .view-calendario-electoral .views-row {
	border-left: 5px solid #EEE;
	padding-left: 15px;
}

.page-calendario-electoral .view-calendario-electoral .views-field-field-tipo {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color:#999;
	font-size:0.9em;
}