/*
Theme Name: Newsletter CIDAUT Theme
Theme URI: http://www.cidaut.es/newsletter/
Description: Tema a medida disenado por Alberto Zamarron y posteriormente maquetado y pasado a Wordpress por Alvaro Olea.
Author: Alvaro Olea :)
Version: 1.0
License: GNU General Public License
License URI: Puede utilizarlo tanto en lo personal como comercialmente, es libre de editarlo a su gusto sin necesidad de referenciar al autor.
License: GNU General Public License
License URI: license.txt
Tags: custom-menu,full-width-template, right-sidebar
*/




a {-webkit-transition:color .3s ease-in;  
   -moz-transition:color .3s ease-in;  
     -o-transition:color .3s ease-in;  
        transition:color .3s ease-in;  
}

/* Header
----------------------------------------------------------------------------------------------------*/
header     { position:relative; height:137px; background:url('https://www.cidaut.es/img/fondo-cabecera.png') top center;}
header>div {  position:relative; height:100%; /*background:url(images/central_cabecera.jpg) top center no-repeat;*/}
header #contact          { position:relative; top:10px; z-index:9999;}
header #contact ul       { float:right;}
header #contact ul li    { display:inline; position:relative; background:url(images/split-header.png) no-repeat; left:-20px; padding-left:20px;}
header #contact  a       { color:#EDEFF1; text-decoration:none;}
header #contact  a:hover { color:#EDEFF1; text-decoration:underline;}


header #contact li.tel      { background-position:0 0;     color:#EDEFF1;}
header #contact li.mail     { background-position:0 -15px; }
header #contact li.linkedin { background-position:0 -30px; }


header nav       { position:relative; /*height:100px; margin-top:35px;*/ width:100%; }
header nav ul    { position:relative; float:right;}
header nav ul li { display:inline; margin-left:20px;}
header nav .menu { position:relative; top:40px;  text-transform:uppercase;}


header #menu-menu-header a       { color:#B9DEF9; text-decoration:none;}
header #menu-menu-header a:hover { color:#FF9F84; border-bottom:3px solid #F3724B; padding-bottom:2px;}

header #menu-menu-header .current-menu-item a {color:#FF9F84; border-bottom:3px solid #F3724B; padding-bottom:2px;}


header h1 { position:relative; font:36px/35px 'Titillium Web', sans-serif; color:#00b1ac; text-align:center; margin-top:20px;}





/* Section
----------------------------------------------------------------------------------------------------*/
section         { position:relative;}


/* Aside
----------------------------------------------------------------------------------------------------*/
aside    { background-color:#eff0f1; padding-bottom:5px; margin-bottom:20px;}
aside h1 { font:bold 30px 'Cuprum', sans-serif; letter-spacing:-2px; color:#00b1ac; margin:55px 0 25px 0; border-top:4px solid #00b1ac; padding:5px 10px 0 10px;}
aside p  { padding:0 10px; margin-top:-10px; font:13px/20px Arial, Helvetica, sans-serif; color:#4B5259;}

aside p a       { color:#4B5259; text-decoration:none;}
aside p a:hover { color:#00b1ac; text-decoration:underline;}

/* Article
----------------------------------------------------------------------------------------------------*/
article            { padding:55px 0 25px 0; border-bottom:2px dotted #A5B2BE;}
article:last-child { border:none;}

article h1   { font:28px Arial, Helvetica, sans-serif; color:#4B5259;}
article h1 a { color:#4B5259;}
article p  { font:14px/20px Arial, Helvetica, sans-serif; color:#4B5259;}

article .date { font-size:13px;}

article .date a       { text-decoration:none; font:bold 13px Arial, Helvetica, sans-serif; color:#A5B2BE;}
article .date a:hover { color:#A5B2BE; text-decoration:underline;}
article .date span    { position:relative; left:50px; white-space:nowrap;}

article  a            { text-decoration:none; color:#00b1ac;}
article  a:hover      { color:#00b1ac; text-decoration:underline;}

article .leer a       { color:#00b1ac; text-decoration:none; font:bold 13px Arial, Helvetica, sans-serif;}
article .leer a:hover { color:#00b1ac; text-decoration:underline;}

article img { max-width:100%; height:auto;}

article iframe { z-index:999;}

article li { list-style: disc; font:14px/20px Arial,Helvetica,sans-serif; color:#4B5259;}


article.partners h4     { font:bold 15px Arial, Helvetica, sans-serif!important; color:#4B5259;}
article.partners p      { margin-top:-15px; line-height:18px;}
article.partners figure { float:left; margin-right:20px; min-height:120px; width:150px; text-align:center;}
article.partners        { border:none; padding:20px 0; clear:both;}


article.structure h4     { font:bold 19px Arial, Helvetica, sans-serif!important; color:#4B5259;}
article.structure p      { margin-top:-15px; line-height:18px;}
article.structure figure { float:left; margin-right:20px; min-height:30px; width:85px;}
/*article.structure        { border:none; padding:20px 0; clear:both;}*/
article.structure li     { list-style: disc; font:14px Arial, Helvetica, sans-serif;}




/* Sidebar
----------------------------------------------------------------------------------------------------*/
#sidebar #archivos p    { text-transform:capitalize;}
#sidebar .iframe-wysija { height:220px;}

/* Footer
----------------------------------------------------------------------------------------------------*/


footer    { position:relative; height:400px; background:url('https://www.cidaut.es/img/img-foot.png') repeat center bottom; border-top:4px solid #00b1ac; z-index:999; font: 13px/20px Arial, Helvetica, sans-serif; color:#ffffff; /*padding-top:40px;*/}
footer h5 { color:#00b1ac;}

footer .UE-7thProgramme{ margin-top:-44px;}

footer #menu-menu-footer li      { list-style:disc; font:bold 14px/25px Arial, Helvetica, sans-serif; white-space:nowrap;}
footer #menu-menu-footer a       { color:#859BA7; text-decoration:none;}
footer #menu-menu-footer a:hover { color:#859BA7; text-decoration:underline;}

footer a { color:#ffffff;}



#pie #cinta                  { background:url(/img/img-foot-cinta.png) no-repeat; width:270px; height:260px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#002e35; text-align: center; display: table;}
#pie #cinta  #colaboraciones { display: table-cell; vertical-align: middle; margin: 0 auto; width: 100%;}
#pie #cinta  div             { text-align:center; padding-bottom:15px;}

#pie .direccion              { width:auto; float:left; font-size:13px; padding-top:35px; margin-right:40px; line-height:16px; color:#99d7d5;}
#pie .direccion  .nomEmpresa { font-size:16px; padding-bottom:5px;  color:#00d5cf;}
#pie .direccion          div { padding-bottom:25px;}
#pie .direccion       a      { color:#99d7d5; text-decoration:underline;}
#pie .direccion       a:hover{ color:#99d7d5; text-decoration:none;}

#pie .menu         { text-align:center; padding:20px 0 20px 0; width:100%; clear:both; font-size:13px;}
#pie .menu  a      { color:#fff; text-decoration:none; font-weight:bold;}
#pie .menu  a:hover{ color:#fff; text-decoration:underline; font-weight:bold;}

#pie .politica         { text-align:center; width:100%; clear:both; font-size:12px;}
#pie .politica  a      { color:#fff; text-decoration:none; }
#pie .politica  a:hover{ color:#fff; text-decoration:underline; }

#pie .direccion span   { white-space: nowrap;}
#pie .direccion.ES     { width:170px;}
#pie .direccion .tel a { text-decoration:none; font-weight:bold;}




/* Contenido
----------------------------------------------------------------------------------------------------*/
body > .container_12 { position:relative; background-color:#f8fafc; z-index:10;}

	.shadow {
		position:absolute; width:60px; height:100%;
		background-color:#f8fafc;
		z-index:-10;
	}
	.shadow.lf { 
		left:-60px;
		-webkit-box-shadow: -5px 0 7px -5px rgba(50, 50, 50, 0.7);
		   -moz-box-shadow: -5px 0 7px -5px rgba(50, 50, 50, 0.7);
		        box-shadow: -5px 0 7px -5px rgba(50, 50, 50, 0.7);
	}

	.shadow.rg { 
		right:-60px;
		-webkit-box-shadow: 5px 0 5px -5px rgba(50, 50, 50, 0.7);
		   -moz-box-shadow: 5px 0 5px -5px rgba(50, 50, 50, 0.7);
		        box-shadow: 5px 0 5px -5px rgba(50, 50, 50, 0.7);	
	}






.paginacion {
	margin: 30px 0 40px 0;
	width: 100%;
	padding: 0;
	font: 13px 'Open Sans', sans-serif;	
	clear: both;
	float: left;
	}

.paginacion a,
.paginacion span {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#E4E3E3), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #E4E3E3,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E3E3', endColorstr='#FFFFFF');
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #666;

	padding: 5px 10px;
	}

.paginacion a:hover,
.paginacion span.current {	
	border: 1px solid #666;
	color: #444;
	}




/* Contact Form
----------------------------------------------------------------------------------------------------*/
.obligatorio    { color:#ff0000; font-weight:bold;}
.input_contacto { position:relative; border:1px solid #003151; color:#003151; width:300px; font:13px/18px Arial, Helvetica, sans-serif;}
.tit            { display:block; float:left; width:120px; font-weight:bold;}

#person-contact p        { padding-top:20px; padding-bottom:20px;}
#person-contact .name    { font-weight:bold;}
#person-contact .mail    { font-size:11px;}


.wpcf7-form br {display: none!important;}
.wpcf7-not-valid-tip-no-ajax { margin-left:0; display:block; color:#ff0000; font:12px Arial, Helvetica, sans-serif; position:relative; top:3px; left:120px;}
.wpcf7-validation-errors     { margin:0 auto;    color:#ff0000; font: bold 12px Arial, Helvetica, sans-serif; text-align:center; margin-bottom:20px;}




#contact-form .enviar{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	border: solid 1px #003483;
	text-shadow: none !important;
	color: #fff;
	background: #052941;
	box-shadow:none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#contact-form .enviar:hover{
	text-decoration: none;
	-moz-box-shadow: 0px 0px 0px 1px #0016b8 inset !important;
	text-shadow: 0px 0px 3px #FFFFFF !important;
	cursor:pointer;
}




/* mediaqueries
----------------------------------------------------------------------------------------------------*/

/*Smartphone*/
@media screen and (min-width: 320px) and (max-width: 767px) {
	body            { background-color:#f8fafc; }
	header          { margin-top:-40px;}
	header #contact { display:none;}
	header h1       { font-size:25px; margin-top:45px;}
	
	nav #logo       { position:relative; top:30px; left:-10px; text-align:center;}
	nav #logo img   { max-width:180px; height:auto;}
	nav #menuMovil  { position:relative; top:20px; text-align:center;}
	nav #menu       { display:none;}
	nav h1          { margin-top:35px}

	footer #blk1, footer #blk3 { display:none;}
	footer #blk4               { position:absolute; top:0; right:0; margin-top:-4px;}

	.shadow.lf,.shadow.rg      { display:none;}

	article h1              { font-size:23px;}
	article p               { font-size:13px; line-height:22px;}
	article.partners h4     { clear:both; font-size:13px; text-align:center;}
	article.partners p      { clear:both; font-size:12px; text-align:center;}
	article.partners figure { margin:15px auto; min-height:50px; text-align:center; float:none;}
	article.partners        { clear:both;}	
	article iframe          { max-width:300px;}

	footer .mail   { font-size:11px;}
	footer .UE-7thProgramme { max-width:80px; height:auto;}
	
	.input_contacto { width:150px;}
    .ot             { width:auto!important;}

}


/*Smartphone portail*/
@media screen and (min-width: 480px) and (max-width: 767px) {
	header h1      { font-size:30px; margin-top:40px;}

	article h1     { font-size:28px;}
	article p      { font-size:80%!important; line-height:20px;}
	article iframe { max-width:460px;}

	footer .mail   { font-size:13px;}
	footer .UE-7thProgramme { max-width:none;}
	
	.input_contacto { width:300px;}
	
}


/*Tablet*/
@media screen and (min-width: 767px) and (max-width: 1000px) {
	body  {  background-color:#f8fafc; }
	.shadow.lf,.shadow.rg { display:none;}

	header h1    { font-size:29px; margin-top:25px;}
	header #menu { line-height:40px; margin-top:-30px;}

}






@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

















/* ESTILOS PARA LISTA DE COMENTARIOS*/
h2#comments{
	font-size: 16px;
	color: #437201;
	background:url(images/title-bg.png) no-repeat left top;
	height: 55px;
	line-height: 55px;
	margin: 100px 0  15px -22px;
	padding-left:20px;
	color: #e1e1e1;
}
.commentlist{
   border: medium none !important;
    list-style: none outside none;
    margin-left: 0;
}
.commentlist li{
    list-style: none outside none;
	margin-left:0;
}

.commentlist li .children > li{	padding-left: 25px;}
.comment-awaiting-moderation{color:red;text-align:center;}
.commentlist li > .children #respond h3{margin: 0 0  15px -46px;}
.commentlist li > .children li > .children #respond h3{margin: 0 0  15px -71px;/*nivel 2 comentarios anidados*/}
.commentlist li > .children li > .children li > .children #respond h3{margin: 0 0  15px -96px;/*nivel 3 comentarios anidados*/}

.comment-body{
	padding-bottom:25px;
	position:relative;
	overflow:hidden;
}
.reply{
	bottom: 25px;
    position: absolute;
    right: -76px;
	opacity:0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.comment-body:hover > .reply{ right:0px; opacity:1;}

.comment-body p{
	margin:15px 0;
	padding-left:15px;
}

.comment-author{
	background: #EEEEEE;
	border-radius: 5px;
	border: solid 1px #cbcbcb;
	height: 50px;
}
.comment-author img{
	background: #f1f1f1;
	padding:3px;
	margin: 5px;
	border: 1px solid #cbcbcb;
}
.comment-author .fn,
.comment-author .says{
	position: relative;
	/*top: -20px;*/
	font-style:italic;
}
.commentmetadata{
	position: absolute;
	right:10px;
	top: 15px;
}



/* FORMULARIO DE COMENTARIOS */
#respond{
	clear: both;
	display: block;
	border-top: solid 1px #ecede9;
	padding: 15px 0;
	position:relative;
}
#respond h2{
	font-size: 16px;
	color: #00b1ac;
	height: 55px;
	line-height: 55px;
	margin: 0 0  15px -22px;
	padding-left:20px;
}

#respond #cancel-comment-reply {
    position: absolute;
    right: 0;
    top: 35px;
}

#respond #cancel-comment-reply a{color:red; font-style:italic;}
#respond #cancel-comment-reply a:hover{text-decoration:none; border-bottom: 1px dotted red;}

div#respond form#commentform p{ margin: 15px 0;}
div#respond form#commentform input[type=text]{	width: 230px; height:20px;}
#commentform #submit{width: auto !important;}
div#respond form#commentform textarea{ width: 400px; max-width: 100%;}
#commentform label{font-size:11px;margin-left:10px;}

.nocomments{color:red; text-align:center;}/*Comentarios Cerrados*/
.page .nocomments{display: none;}






#sidebar #wiget-contact input,
#sidebar #wiget-contact textarea,
form#commentform p input,
form#commentform p textarea {
	width: 100%;
	padding: 5px;
	/*text-transform: uppercase;*/
	font-size: 12px;
	text-shadow: 1px 1px 0px #dedede;
	color: #9a9b9d;
	background: #c4c4c4;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 0px 0px #f4f4f4,
			 1px 2px 1px 0px #b1b3b5 inset;
	-webkit-box-shadow: 1px 1px 0px 0px #f4f4f4,
			    1px 2px 1px 0px #b1b3b5 inset;
	box-shadow: 1px 1px 0px 0px #f4f4f4,
		    1px 2px 1px 0px #b1b3b5 inset;
}

#sidebar #wiget-contact input:focus,
#sidebar #wiget-contact textarea:focus,
form#commentform p input:focus,
form#commentform p textarea:focus{
	-moz-box-shadow: 0px 0px 8px 0px #afafaf inset,
			 0px 0px 5px 0px #efefef,
			 1px 1px 0px 0px #f4f4f4,
			 1px 2px 1px 0px #b1b3b5 inset;
	-webkit-box-shadow: 0px 0px 8px 0px #afafaf inset,
			    0px 0px 5px 0px #efefef,
			    1px 1px 0px 0px #f4f4f4,
			    1px 2px 1px 0px #b1b3b5 inset;
	box-shadow: 0px 0px 8px 0px #afafaf inset,
		    0px 0px 5px 0px #efefef,
		    1px 1px 0px 0px #f4f4f4,
		    1px 2px 1px 0px #b1b3b5 inset;
	color: #707070;
	background: #cdcdcd;
	}





.leermas,
#wiget-contact #form-enviar,
#commentform p input#submit{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	border: solid 1px #000983;
	text-shadow: none !important;
	color: #fff !important;
	background: #0337a1;
	box-shadow:none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.leermas:hover,
#wiget-contact #form-enviar:hover,
#commentform #submit:hover{
	text-decoration: none;
	color: red;
	-moz-box-shadow: 0px 0px 0px 1px #77b800 inset !important;
	text-shadow: 0px 0px 3px #FFFFFF !important;
	cursor:pointer;
}