﻿/*   
Theme Name: Congreso Internacional Ciudadanía Digital
Theme URI: http://www.congresociudadaniadigital.com
Description: Tema para el congreso "Ciberbullying y otros retos de Internet para el menor en la escuela y la familia". Basado en Thematic, a theme framework for Wordpress.
Author: Digital Vasca
Author URI: http://www.diariovasco.com
Template: thematic
Version: 1.0
Tags: congreso, ciberbullying
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*

Inicio de los CSS personalizados 

*/
/*--------------------------GENERALES--------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}


p, ul, ol, dd, pre {
    margin-bottom:0px;
}
img {
	border-style: none;
}
.tx_azul {
	color: #07A0D3;
}
.tx_azulosc {
	color: #034F67;
}
.tx_grisinvert {
	color: #FFFFFF;
	background: #999999;
	margin-right: 5px;
	padding: 1px 2px;
}
hr {
	display: none;
}
body {
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
	color: #000000;
	height: 100%;
	width: 100%;
	background: #FFFFFF url(img/_design/fondos/kursaal.gif) no-repeat center bottom;
}
body .semilla {
	background: #000000
}
/*--------------------------FIN GENERALES--------------------------------*/

/*--------------------------CABECERA--------------------------------*/
#header_barra_logo {
	background: #000000 url(img/_design/fondos/cabecera-teclas.gif) no-repeat right top;
	
}
#header_barra_logo .contenido {
	width: 998px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	
}
#header_barra_logo .tema_lugar {
	color: #FFFFFF;
}
#header_barra_logo .tema_lugar {
	margin-top: -37px;
	border-top: 1px dotted #FFFFFF;
	padding-top: 10px;
	float: right;
	width: 830px;
}
#header_barra_logo h2 {
	font-size: 1.6em;
	color: #80DEFD;
}
#header_barra_migas {
	background: url(img/_design/fondos/cuadritos-azulc-azulos.gif) repeat left top;
}
#header_barra_migas a {
	color: #FFFFFF;
	border-bottom: #048FBD;
	text-decoration: none;
}
#header_barra_migas a:visited {
	color: #C6EFFD;
}
#header_barra_migas a:hover {
	color: #FFFF00;
}

#header_barra_migas .contenido {
	background: #036C8F;
	width: 998px;
	margin-right: auto;
	margin-left: auto;
}
#header_barra_migas .migas_pan {
	list-style: none;
	font-size: 0.9em;
	display: inline;
	line-height: 2em;
	color: #FFFFFF;
}
#header_barra_migas .migas_pan .breadcrumb {
	padding-left: 20px;
}
#header_barra_migas .migas_pan a {
	padding-right: 5px;
	padding-left: 2px;
}
#header_barra_migas .contenido .migas_pan ul li, #header_barra_migas .contenido .migas_pan ul ul {
	display: inline;
	padding-right: 5px;
}
#header_barra_migas .idiomas ul {
	background: #000000;
	float: right;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
}
#header_barra_migas .idiomas ul li {
	display: inline;
	padding-right: 11px;
	padding-left: 12px;
}
#header_barra_migas .active {
	background: #0582AB;
	padding: 1px 3px;
	margin: 2px;
}
#header_barra_buscador {
	float:right;
	background: #018DBD;
	padding:5px 10px;
}
#header_barra_buscador #searchsubmit {
	font: bold 1em Tahoma, Verdana, sans-serif;
	color: #54441F;
	background: #FFF004;
	border: 1px solid #A38510;
}
#header_barra_buscador #s {
	font: bold 1em Tahoma, Verdana, sans-serif;
	color: #54441F;
	width: 160px;
	
}
/*--------------------------FIN CABECERA--------------------------------*/

/*--------------------------CUERPO-----------------------------------*/

#main {
	background: url(img/_design/fondos/banda-azul-conptos.gif) repeat-x left top;
	padding: 0px;
	clear: none;
}
#main .contenido {
	background: url(img/_design/fondos/banda-azul-sinptos.gif) repeat-x left top;
	width: 998px;
	margin-right: auto;
	margin-left: auto;
}
#main #columna_izquierda {
	float: left;
	margin-bottom: 100px;
}
#main #columna_izquierda_facebook iframe {
	width: 250px !important;
	margin-left: 23px !important;
}
#main #columna_izquierda_menu ul {
	background: #FFFFFF url(img/_design/adornos/esq-menu-ext.gif) no-repeat right top;
	padding: 4px;
	margin-top: 45px;
	margin-left: 20px;
	width: 250px;
	font-size: 1em;
	list-style: none;
}
#main #columna_izquierda_menu ul li {
	background: #013E52 url(img/_design/adornos/ic-cuadro-g.gif) no-repeat 4px 7px;
	display: block;
	width: auto;
	margin-bottom: 3px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#main #columna_izquierda_menu ul li:first-child {
	margin-right: 13px;
}
#main #columna_izquierda_menu ul li a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#main #columna_izquierda_menu ul a:hover {
	color: #FFCC00;
}
#main #columna_izquierda_menu ul ul {
	list-style: none;
	background: url(none);
	width: auto;
	margin: 5px 0px 0px;
}
#main #columna_izquierda_menu ul ul li {
	background: #013E52 url(img/_design/adornos/ic-cuadro-p.gif) no-repeat 5px 8px;
	display: block;
	width: auto;
	margin-bottom: 3px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #FFFFFF;
}
#main #columna_izquierda_menu ul ul li a{
	color: #FFFF00;
	font-weight: normal;
}
#main #container {
	float: right;
	width: 662px;
}
#main #content {
	padding-top: 44px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main h2, #main h1 {
	color: #FFFFFF;
	font-size: 2.9em;
	font-weight: normal;
	line-height: 1.2em;
	margin: -46px 0px 2px;
	padding: 0px;
}
#main h2.page-title-fix {
	margin: -55px 0px 2px !important;
}
#main h3 {
	color: #034F67;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	font-style: normal;
	background: #F4F3F3;
	border-bottom: 1px dotted #034F67;
}
#main div.hentry h1.page-title-fix {
	margin: -58px 0px 0px;
}
#main div.hentry {
	background: url(img/_design/fondos/enc-subtitulo-rayaesquina.gif) no-repeat left top;
	padding-top: 10px;
}
#main div.hentry {
	background: url(img/_design/fondos/enc-subtitulo-rayaesquina.gif) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 0px;
}
#main h2.entry-title, #main h1.entry-title, #main .entry-content h1, #main .entry-content h2 {
	background: url(img/_design/fondos/enc-subtitulo-kursaal.gif) no-repeat left bottom;
	width: auto;
	display: block;
	color: #000000;
	font-size: 1.65em;
	line-height: 1.3em;
	letter-spacing: -0.03em;
	padding-left: 10px;
	margin: 0px;
	padding-right: 30px;
}
#main h2.entry-title-p {
	font-size: 1.4em !important;
	line-height: 1.3em  !important;
}
#main .entry-content {
	padding:0px 10px 10px;
	background: #F4F3F3;
}

#main .video {
	padding:0px;
	background: #F4F3F3;
	text-align: center !important;
}
#main .video iframe {
	width:90% !important;
}
#main .entry-content img {
	margin: 0px 10px 10px;
	border: 5px solid #FFFFFF;
}

#main .entry-content hr {
	display: block;
	clear: both;
	margin: 0px 0px 10px;
}
#main div.page div.entry-content {
	padding:8px 0px 3px;
	background: url(none);
}
#main .entry-utility  {
	margin-bottom: 20px;
}
#main .entry-meta {
	padding:1px 15px 10px;
	background: #F4F3F3;
	margin-top: 3px;
}
#main .entry-date {
	background: #FFFFFF;
	padding: 5px;
	color: #0582AB;
}
#main .entry-date abbr {
	letter-spacing: 0em;
	text-transform: lowercase;
	font-size: 1em;
}
#main #container p {
	background: #F4F3F3;
	padding: 10px 20px;
	text-align: justify;
}
#main #container ul, #main #container ol {
	background: #F4F3F3;
	padding: 10px 20px;
	margin: 0px;
	text-align: justify;
}
#main #container li {
	margin-left: 20px;
	margin-bottom: 5px;
	margin-right: 20px;
	padding-left: 13px;
	background: url(img/_design/adornos/ic-cuadro-p-azul.gif) no-repeat left 6px;
	list-style: none;
	text-align: left;
}

#main #container a {
	color: #0582AB;
}
#main #container a:visited {
	color: #666666;
}
#main #container a:hover {
	color: #02546F;
}
#main #container #fotosabajo img {
	border:none;
	margin: 0px;
}
#main #container #fotosabajo #izda {
	float: left;
	width: 312px;
	height: 160px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #DFDCD7;
	text-align: center;
	padding-top: 6px;
}
#main #container #fotosabajo #drcha {
	float: left;
	width: 312px;
	height: 160px;
	background-color: #DFDCD7;
	text-align: center;
	padding-top: 6px;
}
#main #container #fotosabajo {
	padding-top: 10px;
	background-color: #F4F3F3;
	height: 175px;
}
/*--------------------------FIN CUERPO----------------------------------*/

/*--------------------------PIE--------------------------------*/

#footer {
	background: url(img/_design/fondos/cuadritos-gris-blanco.gif) repeat left top;
	border-top: 5px solid #F4F3F3;
}
#footer .logos1 {
	background: #FFFFFF url(img/_design/fondos/organizadores.gif) repeat-x left top;
	border-bottom: 2px solid #CCCCCC;
}
#footer .logos1 .contenido {
	width: 998px;
	margin-right: auto;
	margin-left: auto;
}
#footer .logos1 p {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	margin-left: 20px;
	font-size: 1.2em;
}

#footer .logos1 p.cab_impulsores {
	background: #333333;
	padding-left: 4px;
	padding-bottom: 1px;
	
}
#footer .logos1 .organizadores {
	margin-right: 20px;
}
#footer .logos1 img {
	margin-right: 10px;
}
#footer .logos1 .impulsores {
	margin-right: 20px;
}
#footer img {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom:10px;
}
#footer .logos2 {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	overflow: auto;
}
.tit_patrocinadores {
	color: #FFFFFF;
	background: #0099CC;
	padding-left: 5px;
	font-weight: bold;
	font-size: 0.85em;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tit_colaboradores {
	color: #000000;
	background: #C7C7C7;
	padding-left: 5px;
	font-weight: bold;
	font-size: 0.85em;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*--------------------------FIN PIE--------------------------------*/

/*--------------------------COMENTARIOS----------------------------*/


#main #comments {
	padding: 0px;
}
#main #container .sociable {
	margin-left: 250px;
	text-align: right;
	padding: 8px 8px 0px;
	background: #FFFFFF;
}
#main #container .sociable_tagline {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bolder;
	color: #3E505E;
}
#main #container .sociable ul {
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
#main #container .sociable ul li {
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background: url(none);
}

#main #container .sociable img {
	margin: 0px;
	border: none;
}
#main #container #nav-below, #main #container #nav-above {
	background: #AAAAAA;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	margin: 0px 0px 10px;
}
#main #container #nav-below a, #main #container #nav-above a {
	color: #FFFFFF;
	font-style: normal;
}
#main #container #nav-below a:hover, #main #container #nav-above a:hover {
	color: #FFFF00;
}
#main #container #nav-below div, #main #container #nav-above div {
	padding-right: 6px;
	padding-left: 6px;
	width: 48%;
}
#main #comments-list {
	margin: 0px;
	padding: 0px;
}

#main #comments-list .comment-author {
	margin: 0px;
	padding: 0px;
}
#main #comments-list ol, #main #comments-list ul {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#main #comments-list li {
	margin: 0px;
	padding: 0px;
	border-style: none;
	background: #FFFFFF;
}
#main #comments-list li .avatar {
	margin: 0px;
	padding: 0px;
	float: left;
	left: 1px;
	top: 0px;
}
#main #comments-list li .fn {
	padding-left: 46px;
}
#main #comments-list li .fn a {
	color: #000000;
}
#main #comments-list li .comment-content {
	background: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
	
}
#main #comments-list li .comment-content p {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	
}
#main #comments-list li div.comment-reply-link {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
}
#main #comments h3  {
	background: #666666 url(img/_design/adornos/ic-cuadro-g.gif) no-repeat 5px center;
	font-size: 1.2em;
	padding: 3px 3px 3px 23px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 0px 10px;
}
#main #comments #respond h3  {
	background: #07A0D3 url(img/_design/adornos/ic-cuadro-g.gif) no-repeat 5px center;
	font-size: 1.6em;
	padding: 5px 5px 5px 25px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 10px;
}
#main #respond input  {
	font: 1em Tahoma, Verdana, sans-serif;
	width: 50%;
}
#main #comments #submit, #main #comments #submit-alt {
	color: #FFFFFF;
	background: #006699;
	padding: 5px;
	font: 1.5em Tahoma, Verdana, sans-serif;
	border-style: none;
	width: auto;
}
#main #respond  {
	background: none;
	font: 1em Tahoma, Verdana, sans-serif;
}

/*-----------------------------FIN COMENTARIOS----------------------*/

/*------------------------------TWITTER-----------------------------*/
#modulo_twitter {
	width: 250px;
	border: 1px solid #000000;
	font-size: 0.97em;
 	margin: 10px 0px 10px 23px;
}
#modulo_twitter h1 {
	margin-bottom: 10px;
	margin-top: 0px;
}
#modulo_twitter a {
	text-decoration: none;
	font-weight: bold;
	color: #036C8F;
}
#modulo_twitter a:hover {
	text-decoration: underline;
}

#modulo_twitter ul li img {
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #999999;
	width: 50px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}
#modulo_twitter ul {
	margin: 0px 10px;
	padding: 0px;
	list-style: none;
}
#modulo_twitter ul i {
	border-bottom: 1px solid #A8B4AF;
}
#modulo_twitter ul li {
	border-bottom: 1px solid #A8B4AF;
	overflow: visible;
	margin-bottom: 5px;
	padding-bottom: 5px;
	clear: both;
	min-height: 60px;
	text-align: left;
}
#modulo_twitter p {
	margin: 0px;
}
#modulo_twitter .leer_mas {
	background: #000000;
	display: block;
	padding: 2px 1px;
	text-align: right;
}
#modulo_twitter .leer_mas a {
	color: #FFFFFF;
}
/*--------------------------------FIN TWITTER----------------------------------*/

/*-----------------------------FORMULARIO RESERVAS+INSCRIPCION-----------------------------*/
#main .cform legend {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	top: 10px;
}
#main .cform input,
#main .cform textarea,
#main .cform select {
	padding:2px;
	background: #FFFFFF;
	border: 1px solid #888888;
	font: 1em Tahoma, Verdana, sans-serif;
}
#main .cform input:hover,
#main .cform textarea:hover,
#main .cform select:hover	{
	background:#DEFAFE; 
}

#main .cform input:focus,
#main .cform textarea:focus,
#main .cform select:focus	{ 
	background:#F3F8F8; 
}

#main .cform textarea,
#main .cform input {
	/*width: 350px;*/
	width: 300px;
	
}
#main .cform select {
	width: 305px;
	
}
#main .cform label {
	margin:4px 10px 0px 0px; /*for mozilla*/
	display:inline-table; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #006699;
}

#main .cform label span {
	line-height: 1.3em;
}

/* #main .cform fieldset.cf-fs3 label span, #main .cform fieldset.cf-fs4 label span, #main .cform fieldset.cf-fs7 label span */
#main .cform fieldset.cf-fs3 label span, #main .cform fieldset.cf-fs6 label span , #main .cform fieldset.cf-fs7 label span, #main .cform fieldset.cf-fs5 #li-10-66  label span{
	line-height: 1.3em;
	width: 550px;
	text-align: left;
}

/* #main .cform fieldset.cf-fs3 input, #main .cform fieldset.cf-fs4 input, #main .cform fieldset.cf-fs7 input, #main .cform input.cf-box-b */
#main .cform fieldset.cf-fs3 input, #main .cform fieldset.cf-fs6 input, #main .cform fieldset.cf-fs7 input , #main .cform fieldset.cf-fs5 #li-10-66 input {
	width: 50px; 
	margin: 0px;
	padding: 0px;
	
}

#main .cform fieldset.cf-fs7 input.single {
	width: 300px;
}
#main .cform {
	margin:0px auto 0;
	width: auto;
	background: #F4F3F3;
	padding: 10px;
	font-family: Tahoma, Verdana, sans-serif;
}

#main .cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 15px 0; 
	border:1px solid #adadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	background:#f7f7f7; 
}
#main .cform fieldset.cf-fs1, #main .cform fieldset.cf-fs2, #main .cform fieldset.cf-fs3, #main .cform fieldset.cf-fs4, #main .cform fieldset.cf-fs5, #main .cform fieldset.cf-fs6, #main .cform fieldset.cf-fs7, #main .cform fieldset.cf-fs8, #main .cform fieldset.cf-fs9	{
	margin-top:10px;
	background: url(none);
	margin-bottom: 10px;

	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #D0CCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}



#main .cform span.reqtxt,
#main .cform span.emailreqtxt {
	margin:3px 0 0 3px;
	font-size:0.85em;
	display: -moz-inline-box;
	vertical-align:top;
	color: #666666;
	font-family: Tahoma, Verdana, sans-serif;
}
#main .cform #sendbutton {
	color: #FFFFFF;
	background: #006699;
	padding: 5px;
	font: 1.5em Tahoma, Verdana, sans-serif;
	border-style: none;
	width: auto;
	margin-right: 195px;
}

#main #container .cform p {
	background: url(none);
	text-align: right;
	
}
#main .cform ol.cf-ol li.cf_li_err {
	background:#FFFF99!important;
	border-top: 1px solid #FFCC00;
	border-right: 0pt solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
	border-left: 0pt solid #FFCC00;
	margin-left: 0px!important;
	padding-left: 10px!important;
}

#main .cform ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

#main .cform ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
#main .cform ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

#main .cform p #sendbutton {
	color: #FFFFFF;
	background: #006699;
	padding: 5px;
	font: 1.5em Tahoma, Verdana, sans-serif;
	border-style: none;
	width: auto;
	margin-right: 0px;
}
#main div.success {
	background:#0099CC url(none);
	color:#FFFFFF;
	display:block;
	border: 1px solid #006699;
	font-weight: bold;
	text-align: center;
}
#main div.failure {
	display:block;
	background:#FFFF99 !important;
	border-top: 1px solid #FFCC00;
	border-right: 1pt solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
	border-left: 1pt solid #FFCC00;
	font-weight: bold;
	text-align: center;
	color: #004566;
}
#main div.waiting {
	background:#F0F0F0;
	color:#999999;
	display:block;
	text-align: center;
}
/*------------------FIN FORMULARIO RESERVAS+INSCRIPCION-------------------*/

/*------------------QUIENES SOMOS-----------------------------*/

.grafico_logos {
	background: #F4F3F3;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
}
#main .grafico_logos img {
	margin-bottom: 0px;
	border: none !important;
}
.grafico_logos .graf_fila_logos {
	margin-right: 25px;
	margin-left: 25px;
	background: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
}
.grafico_logos .graf_fila_logos img {
	margin-top: 15px;
	margin-bottom: 10px;
}
/*-------------------FIN QUIENES SOMOS--------------------------*/

.boton_programa_def {
	*margin-top: -160px;
	float: right;
	margin-top: 0px;
}
#main .entry-content .plazas_limitadas {
	margin: -51px 0px 0px;
	*margin: -54px 0px 0px;
	padding: 0px;
	float: right;
	width: 250px;
}
#main .entry-content .plazas_limitadas img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
/*#footer .logos2 div {
	float: left;
	width: 480px;
}
.margendcho-10px {
	margin-right: 10px;
}*/
.aviso {
	background-color:#FC9004;
	color:#FFF;
	padding:0px 2px 0px 2px;
	margin-top:5px;
}

#main #columna_izquierda_menu ul li.nuevaedicion {
	background: #FFCC00 no-repeat 4px 7px;
	display: block;
	width: auto;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#main #columna_izquierda_menu ul li.nuevaedicion a {
	color: #013E52;
}
#main #columna_izquierda_menu ul li.nuevaedicion a:hover {
	color: #000000;
}

