﻿/*   
Theme Name: RMTF
Theme URI: http://www.robertomata.net
Author: Daniel Viera y Andres Martinez
Author URI: http://www.viera.info/
Description: Tema personalizado para Roberto Mata Taller de Fotografía
Version: 1.0
*/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
    display: block;
}
a img {
    border: 0;
}
a {
    text-decoration: none;
}

.alignleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
/*APLICA EL EFECTO DE ENVOLVER AL DIV PRINCIPAL <div id="contenido" class="clearfix"> */

	

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
body, html {
    height: 100%;
}
strong {
    font-weight: 600;
}
body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #242423;
}
#botonera ul li {
    list-style: none;
    margin: 0 !important;
}
#redes {
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    margin-bottom: 30px !important;
    display: block;
}
#twitter {
    background-image: url(images/twitter.png);
    float: left;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    margin-right:10px;
    margin-bottom: 15px;
}
#facebook {
    background-image: url(images/facebook.png);
    float: left;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    margin-right:10px;
    margin-bottom: 15px;
}
#ig {
    background-image: url(images/instagram.png);
    float: left;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    margin-right:0px;
    margin-bottom: 15px;
}
#blogger {
    background-image: url(images/blogger.png);
    float: left;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    margin-right:10px;
    margin-bottom: 15px;
}
#vimeo {
    background-image: url(images/vimeo.png);
    float: left;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    margin-right:10px;
    margin-bottom: 15px;
}
#flickr {
    background-image: url(images/flickr.png);
    float: left;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    margin-right:0px;
    margin-bottom: 15px;
}
#twitter:hover, #facebook:hover, #ig:hover, #blogger:hover, #vimeo:hover, #flick:hover {
    opacity: .5;
    cursor: pointer;
}
#caja {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#logo {
    background-image: url(images/logo.png);
    width: 130px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
#botonera {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#botonera ul {
    display: table;
}
#botonera ul li {
    position: relative;
    display: block;
}
#botonera ul li a, #botonera ul li a:visited {
    color: #242423 !important;
    text-decoration: none;
    font-size: 15px;
    float: left;
    width: 170px;
    padding: 5px;
}
#botonera ul li a:hover, #botonera ul li a:active {
    color: #ea4b1b;
}
#botonera ul li a:hover {
    color: #ea4b1b !important;
    background-color: #F5F5F5 !important;
}
#botonera ul li:hover a {
    background-color: #F5F5F5;
}
#botonera ul li.current-menu-item > a, #botonera ul li.current-menu-parent > a {
    color: #E94C24 !important;
    font-weight: 600;
}
#botonera ul li a {
    border-top: solid 1px #242423;
}
#botonera ul li:last-child a {
    border-bottom: solid 1px #242423;
}
/* sub-menu */

#botonera ul ul {
    display: none;
    position: absolute;
    top: -15px;
    left: 180px;
    float: left;
    z-index: 99999;
    text-align: left;
    -webkit-box-shadow: 28px 0px 10px 2px hsla(0,0%,0%,0.30);
    box-shadow: 28px 0px 10px 2px hsla(0,0%,0%,0.30);
}
#botonera ul li li a {
    border-top: solid 1px #FFF;
    border-right: solid 1px #FFF;
}
#botonera ul li li:last-child a {
    border-bottom: solid 1px #FFF;
}
#botonera ul li:hover > ul {
    display: block;
}
#botonera ul li li {
    text-align: left !important;
    width: 155px;
    height: 28px;
}
#botonera ul li li a {
    line-height: 18px !important;
    color: #242423;
    text-decoration: none;
    font-size: 15px;
    float: left;
    width: 170px;
    padding: 5px;
    background-color: #EBEBEB !important;
}
#info {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 30px;
}
#info a, #info a:visited {
    color: #242423;
    text-decoration: none;
}
#info a:hover {
    color: #ea4b1b;
}
#copyright p {
    font-size: 9px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 13px;
}
#fotoSemana {
    float: left;
    position: relative;
    margin-top: 30px;
}
.sin_margen_30 {
	margin-top: 0 !important;
}
#fotoSemana h1, .meteor-slides h1 {
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    background-color: #ea4b1b;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
}
/* botonera movil */

nav select {
    display: none;
}
/*ESTILOS FORMULARIO COMENTARIOS FOTO SEMANA*/

#respond div {
    margin-top: 10px;
}
#respond a, #respond a:visited {
    color: #ea4b1b;
}
#respond input {
    width: 465px;
    height: 20px;
    border: solid 1px #ea4b1b;
    margin-top: 0;
    color: #333;
    font-size: 12px !important;
}
#respond textarea {
    width: 465px;
    height: 120px;
    border: solid 1px #ea4b1b;
    margin-top: 0;
    color: #333;
    font-size: 12px !important;
}
#respond #submit {
    width: 140px;
    padding: 5px;
    line-height: 10px !important;
    float: left;
    border: solid 1px #ea4b1b;
    background-color: #FFF;
    color: #ea4b1b;
    font-size: 12px !important;
}
#respond label {
    font-size: 12px !important;
    line-height: 12px;
}
/* METEOR SLIDE SHOW */



ul.meteor-nav {
    list-style: none;
}
.meteor-nav .prev a {
    left: 10px !important;
}
.meteor-nav .next a {
    right: 10px !important;
}
.meteor-nav a {
    display: block !important;
    outline: none !important;
    position: absolute !important;
    text-indent: -9999px !important;
    width: 40px !important;
    height: 100% !important;
    z-index: 998 !important;
}
.meteor-nav .prev a {
    background: url('images/prev.png') no-repeat center right !important;
}
.meteor-nav .prev a:hover {
    background: url('images/prev.png') no-repeat center left !important;
}
.meteor-nav .next a {
    background: url('images/next.png') no-repeat center left !important;
}
.meteor-nav .next a:hover {
    background: url('images/next.png') no-repeat center right !important;
}
.mslide img {
    height: auto !important;
}
.mslide-1, .mslide-2, .mslide-3 {
    height: 240px !important;
}
#cursos, #page {
    float: left;
    margin-top: 50px !important;
}
#filaTrio {
    float: left;
    margin-top: -10px;/*background-color: #7FFB00 !important;*/
}
#tituloengrandes {
    display: block;
}
#titulosenpequenos {
    display: none;
}
#cursos h1, #cursos h1 a, #page h1 {
    font-size: 15px;
    font-weight: 400;
    color: #ea4b1b;
    float: left;
    /*

	width:310px;

    */

    padding-left: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;
}
#cursosHome {
    display: inline-block;
    height: 100%;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#cursosHome h1, #trio h1 {
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    color: #ea4b1b;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 0 !important;
	min-height: 30px;
}
#cursosHome h1 a, #trio h1, #trio h1 a {
    font-size: 15px;
    font-weight: 400;
    color: #ea4b1b;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 2px !important;
    padding-top: 5px !important;
}
#cursosHome h1 a:hover, #trio h1 a:hover {
    font-weight: 400 !important;
    color: #000;
}
#cursosHome #bloqueCursos {
    min-height: 131px;
    margin-bottom: 0;
}
#bloqueCursos {
    min-height: 180px;
}
.single160 {
    min-height: 180px !important;
}
.single160:hover {
    background-color: rgba(231,231,231,.5) !important;
}
.singleC {
    min-height: 150px !important;
}
.singleSmall {
    min-height: 53px !important;
}
#bloqueTrio, #bloqueCursosSingle {
    width: 239px;
    float: left;
    font-size: 11px;
    margin-right: 1px;
}
#bloqueCursos {
    width: 239px;
    float: left;
    font-size: 11px;
    margin-right: 1px;/*padding-bottom: 5px;*/
}
.doblelinea {
	min-height: 40px;
	max-height: 40px;
}
#bloqueCursos #tituloengrandes, #bloqueCursos #titulosenpequenos, #bloqueTrio #tituloengrandes, #bloqueTrio #titulosenpequenos {
    padding-bottom: 5px;
    width: 100%;
    padding-top: 5px;
    background-color: #ea4b1b;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    /*width:219px;*/

    text-decoration: none;
    float: left;
    opacity: 1;
}
#bloqueCursos .nombre, #bloqueTrio .nombre {
    padding-left: 10px;
    padding-right: 10px;
}

#bloqueTrio .trioTitulo, #bloqueCursos a:visited, #bloqueTrio a.trioTitulo:visited {
    padding-bottom: 5px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    background-color: #ea4b1b;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    /*width:219px;*/

    

    text-decoration: none;
    float: left;
    opacity: 1;
}
#bloqueTrio a, #bloqueTrio a:visited {
/*color: #ea4b1b;

    font-weight: 300;

    font-size: 15px;

    text-transform: uppercase;

    text-decoration: none;

    float: left;*/

}
#bloqueTrio a, #bloqueTrio a:visited {
    color: #000;
    text-decoration: none;
}
a.tithome:hover {
    color: #000 !important;
    font-weight: 300;
}
#bloqueCursos p, #bloqueTrio p {
    color: #000000;
}
.subtitulo {
    font-weight: 800 !important;
    color: #ea4b1b !important;
}
#bloqueCursosSingle {
    border-right: solid 1px #ea4b1b;
    border-bottom: solid 1px #ea4b1b;
    border-collapse: separate !important;
    margin-right: 0 !important;
    display: table;
    display: inline-table;
}
#bordetop {
    margin: 0;
    padding: 0;
    border-top: solid 1px #ea4b1b;
}
#bloqueCursosSingle a {
    padding-bottom: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    color: #ea4b1b;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    /*width:219px;*/
	letter-spacing: -1px;
    text-decoration: none;
    float: left;
}
#bloqueCursos span {
    padding-bottom: 5px;
    width: 219px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    background-color: #ea4b1b;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    opacity: .5;
}
#bloqueCursosSingle span {
    padding-bottom: 0;
    width: 219px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    background-color: #ea4b1b;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    opacity: .5;
}
#bloquecito {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
#bloquecito {
	height:  126px;
}
#bloqueCursosSingle #bloquecito {
	height:  auto;
}
.bloquecito_cartelera {
	text-align: center;
}
.altura_actualidad {
	min-height: 0 !important;
}
.altura_bloquecito_actualidad {
	height: 106px !important;
}
.altura_cartelera {
	min-height: 0 !important;
}
.bloquecito_cartelera {
	height: 106px !important;
}
#bloquecito:hover {
    background-color:#F2F2F2;
}
#bloquecito p a,#bloquecito p a:visited {
    color: #000;
}
.transparente {
    background-color: rgba(234,75,27,.50) !important;
    /*opacity: .5 !important;*/
}
#bloqueCursosSingle .transparente {
    /* opacity: .5 !important;

    background-color: #ea4b1b;

    */color: #FFF;
}
#fondocurso {
    background-color: #FFF;
    display: inline-block;
    height: 100%;
    width: 100%;
    padding-bottom: 10px;
}
#fondotrio {
    background-color: #FFF;
    display: inline-block;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    min-height: 120px;
}
#fondotrio p {
/* padding-bottom: 10px; */

}
.transparente .subtitulo {
    color: #FFF !important;
    font-weight: 400 !important;
}
.transparente .fechacurso {
    color: #000 !important;
    opacity: 0.75 !important;
}
#bloqueCursos:hover > #tituloengrandes, #bloqueCursos:hover > #titulosenpequenos, #bloqueTrio:hover > #tituloengrandes, #bloqueCursos a:hover > #tituloengrandes {
    background-color: #F5A58D !important;
    }
#bloqueCursos:hover > #fondocurso, #bloqueTrio:hover > #fondotrio {
    background-color: rgba(231,231,231,.5) !important;
}
#bloqueCursos p {
    float: left;
    margin-left: 10px;
    width: 219px;
    line-height: 13px;
    margin-top: 5px;
}
#bloqueCursosSingle p {
    float: left;
    margin-left: 10px;
    width: 219px;
    line-height: 13px;
    margin-top: 0;
}
#bloqueCursosSingle span p {
    float: left;
    margin-left: 10px;
    width: 219px;
    line-height: 13px;
    margin-top: 0;
    margin-bottom: 10px;
}
#bloqueTrio p {
    float: left;
    margin-left: 10px;
    width: 219px;
}
#trio {
    float: left !important;
}
/* PAGE - CURSO SINGLE - ACTUALIDAD */

#cursos-single, #actualidad-single, #page, #profesor-single, #lista-profesores {
    float: left;
    margin-top: 20px;
    width: 100%;
}
#cursos-single h1, #actualidad-single h1, #page h1, #profesor-single h1, #lista-profesores h1 {
    width: 100% !important;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #ea4b1b;
    padding-bottom: 10px;
    text-transform: uppercase;
    clear: both;
    margin-top: 30px;
    padding-left: 10px;
}
#cursos-single h2, #actualidad-single h2, #page h2, #profesor-single h2, #lista-profesores h2 {
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    background-color: #ea4b1b;
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
}
 #cursos-single h3, #actualidad-single h3, #page {
	 padding-bottom: 10px !important;
	 padding-top: 5px !important;
	 color: #ea4b1b !important;
	 font-weight: 600 !important;
	 font-size: 15px;
	 height: 20px;
	 line-height: 29px;
}
.entry h3 {
    padding-bottom: 10px !important;
    padding-top: 5px !important;
    color: #ea4b1b !important;
    font-weight: 600 !important;
    font-size: 15px;
    height: 20px;
    line-height: 29px;
}
#cursos-single #descripcioncurso {
    margin-bottom: 22px;
    max-height: 260px;
    overflow-y: auto;
}
#cursos-single #descripcioncurso img {
    float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.entry {
	float: left;
}
#actualidad-single #descripcionactualidad, #actualidad-single #descripcionfotosemana {
    margin-bottom: 22px;
}
#actualidad-single .entry #descripcionfotosemana h3 {
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 400 !important;
}
#actualidad-single .entry #descripcionfotosemana h3 a {
    color: #ea4b1b !important;
    font-weight: 600 !important;
    text-decoration: none;
}
#actualidad-single .entry #descripcionfotosemana h3 a:hover {
    text-decoration: underline;
}
#cursos-single #detalles {
    border-top: #ea4b1b solid 1px;
    padding-top: 10px !important;
    min-height: 200px;
}
#cursos-single .entry, #actualidad-single .entry {
    padding-left: 10px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}
#page .entry {
    padding-left: 10px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 10px;
}
#cursos-single .entry p, #page .entry p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: justify !important;
    padding-right: 10px;
color: black;
}
#actualidad-single .entry p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    text-align: justify !important;
    padding-right: 10px;
}
#actualidad-single .entry h1, #actualidad-single .entry h2, #actualidad-single .entry h3, #actualidad-single .entry h4 {
    padding-left: 0 !important;
    margin-top: 10px !important;
}
#page .entry {
    padding-top: 10px !important;
}
#page .entry h1, #page .entry h2, #page .entry h3, #page .entry h4 {
    padding-left: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0;
    font-weight: 600;
}
.galeria_derecha {
    width: 545px;
    float: left;
}
.galeria_derecha p {
    padding-right: 0 !important;
}
.galeria_izquierda {
    float: left;
    width: 400px;
}
.galeria_izquierda dl {
    width: 200px !important;
}
.galeria_izquierda dt {
    width: 180px !important;
    margin-left: 20px !important;
}
.galeria_izquierda img {
    width: 180px !important;
    height: auto !important;
}
/* PROFESORES */

#profesor-single {
    float: left;
}
#lista-profesores {
    margin-left: 1px;
}
.cinco {
    min-height: 5px;
}
#profesor-single .entry {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 20px;
}
#profesor-single .entry p {
    padding-top: 3px;
}
#bloqueProfeSingle {
    padding-left: 10px;
}
#bloqueProfeSingle a {
    color: #ea4b1b;
    text-decoration: none;
}
#bloqueProfeSingle a:hover {
    color: #333;
    text-decoration: underline;
}
/* bloqueFotosemana */

#bloqueFotosemana {
    float: left;
    margin-right: 1px;
    text-decoration: none !important;
    height: 150px;
    background-color: #ea4b1b !important;
    margin-bottom: 1px;
}
.tituloFotosemana {
    width: 219px !important;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    color: #FFF !important;
    font-weight: 300 !important;
    font-size: 15px;
    text-transform: uppercase;
}
#bloqueFotosemana a {
    text-decoration: none !important;
}
#bloqueFotosemana:hover {
    opacity: 0.5;
}
/* NAVEGACIO ENTRE POST */

#navegacionCursos {
    float: right;
    margin: 0;
    height: 27px;
}
#navegacionCursos .texto {
    float: left;
    padding: 0;
    margin: 0;
    color: #000;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}
#navegacionCursos .nav-previous {
    float: left;
    width: 22px;
    height: 27px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    background-image: url('images/antes_gris.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
}
#navegacionCursos .nav-previous a {
    text-decoration: none;
    line-height: 27px;
    background-image: url('images/antes_50.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
}
#navegacionCursos .nav-previous a:hover {
    text-decoration: none;
    background-image: url('images/antes.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
}
#navegacionCursos .nav-next {
    float: left;
    width: 27px;
    height: 27px;
    padding: 0;
    margin: 0;
    background: url('images/siguiente_gris.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
}
#navegacionCursos .nav-next a {
    text-decoration: none;
    line-height: 27px;
    background-image: url('images/siguiente_50.png');
    background-repeat: no-repeat;
    background-position: left center;
}
#navegacionCursos .nav-next a:hover {
    text-decoration: none;
    background-image: url('images/siguiente.png');
    background-repeat: no-repeat;
    background-position: left center;
}
a.mas, span.mas {
    color: #E94C24 !important;
    background: none !important;
    text-transform: lowercase !important;
    font-size: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 80px !important;
    float: none !important;
    margin-left: 0 !important;
    font-weight: 600 !important;
    opacity: 1.0 !important;
}
#copy {
    width: 98%;
    border-top: solid 7px #EA4B1A;
    text-align: right;
    padding-right: 2%;
    font-size: 10px;
    padding-bottom: 15px;
    float: left;
    padding-top: 10px;
}
#copy a, #copy:visited {
    color: #333;
}
#copy a:hover {
    text-decoration: none;
}
#separador {
    min-height: 10px;
    height: 10px;
    width: 100%;
    font-size: 1px;
}
a:hover > .sobre {
    color: rgba(0,0,0,1.00) !important;
}
/* PAGE CONTACTO */

#googlemap {
    float: left;
    width: 460px;
}
#contacto {
    float: left;
    width: 420px;
    padding: 20px;
}
#contacto p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 7px;
    margin-left: 4px;
}
#contacto input, #contacto textarea {
    margin-left: -4px;
    width: 420px;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: 'Open Sans', arial, sans-serif;
    padding: 5px;
}
#contacto textarea {
    height: 80px;
}
.botoncontacto {
    margin-top: 5px;
    width: 120px !important;
    background-color: #EA4B1B !important;
    color: #FFF !important;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px !important;
    font-size: 14px;
    font-family: 'Open Sans', arial, sans-serif;
    text-align: center;
}
.contactocurso {
    width: 170px !important;
}
.botoncontacto a {
    line-height: 30px !important;
    color: rgba(255,255,255,1.00);
}
.botoncontacto:hover {
    opacity: .8
}
/*CONTACT FORM ERRORES */.wpcf7 .watermark {
    color: #8E8A8A !important;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

::-webkit-input-placeholder {
 color: #8E8A8A !important;
 font-family: 'Lato', sans-serif;
 font-weight: 300;
}

:-moz-placeholder {
 color: #8E8A8A !important;
 font-family: 'Lato', sans-serif;
 font-weight: 300;
}
 #contacto input:-moz-placeholder {
 color: #8E8A8A !important;
 font-family: 'Lato', sans-serif;
 font-weight: 300;
}

::-moz-placeholder {
 color: #8E8A8A !important;
 font-family: 'Lato', sans-serif;
 font-weight: 300;
}

:-ms-input-placeholder {
 color: #8E8A8A !important;
 font-family: 'Lato', sans-serif;
 font-weight: 300;
}
.wpcf7 .wpcf7-validates-as-date {
    color: #413031 !important;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
div.wpcf7-mail-sent-ok {
    border: 0px none #999 !important;
    font-weight: 300;
}
div.wpcf7-mail-sent-ng {
    border: 0px none #999 !important;
}
div.wpcf7-spam-blocked {
    border: 0px none #999 !important;
}
div.wpcf7-validation-errors {
    border: 0px none #999 !important;
    clear: both;
}

/*desktop BIG styles 1200*/

@media only screen and (min-width: 1201px) {
    #redes {
        width: 140px;
    }
    #caja {
        width: 1200px;
        margin-top: 30px;
        overflow: hidden;
    }
    #barraBotonera {
        margin-top: 10px;
        margin-left: 10px;
        width: 230px;
        float: left;
        -webkit-box-shadow: 0px 0px 10px 4px hsla(0,0%,0%,0.30);
        box-shadow: 0px 0px 10px 4px hsla(0,0%,0%,0.30);
   
        position: relative !important;
        z-index: 100 !important;
        margin-bottom: -10000px;
        padding-bottom: 10000px;
    }
    #barraContenido {
        float: left;
        width: 960px;
    
        margin-bottom: -10000px;
        padding-bottom: 10000px;
        position: relative !important;
        z-index: 1 !important;
    }
    #info a, #info a:visited {
        color: #242423;
        text-decoration: none;
    }
    #fotoSemana {
        width: 960px;
    }
    #fotoSemana img {
        width: 960px;
        height: auto;
    }
    #cursos, #filaTrio {
        width: 960px;
    }

    #trio {
        width: 240px;
    }
    #trio h1, #bloqueCursos a, #bloqueTrio a.trioTitulo {
        width: 219px;
    }
    #bloqueTrio a {
        width: 239px;
    }
    #cursos h1, #trio h1, #cursosHome h1 {
        font-size: 15px;
        font-weight: 400;
        color: #ea4b1b;
        float: left;
        /*width:950px;*/
    
        width: 100%;
        padding-left: 10px;
        padding-bottom: 10px;
        text-transform: uppercase;
    }
    #bloqueCursos p, #bloqueTrio p {
        width: 219px;
    }
    .altura_curso {
		min-height: 120px;
		max-height: 120px;
		overflow-y: hidden;
	}
    #barraBotoneraPhone, #footerPhone, #copyTablet, #copyPhone {
        display: none;
    }
    .mslide img {
        height: auto !important;
    }
    #profesor-single {
        float: left;
        width: 480px;
    }
    #lista-profesores {
        float: left;
        width: 379px;
        margin-right: 1px;
    }
	
}

/*desktop MEDIUM styles 1024*/

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    #redes {
        width: 140px;
    }
    #caja {
        width: 980px;
        margin-top: 30px;
        overflow: hidden;
    }
    #barraBotonera {
        margin-top: 10px;
        margin-left: 10px;
        width: 230px;
        float: left;
        -webkit-box-shadow: 0px 0px 10px 4px hsla(0,0%,0%,0.30);
        box-shadow: 0px 0px 10px 4px hsla(0,0%,0%,0.30);
    
        position: relative !important;
        z-index: 100 !important;
        margin-bottom: -10000px;
        padding-bottom: 10000px;
    }
    #barraContenido {
        float: left;
        width: 720px;
        /*margin-left: 240px;*/
    
        position: relative !important;
        z-index: 1 !important;
        margin-bottom: -10000px;
        padding-bottom: 10000px;
    }
    #info a, #info a:visited {
        color: #242423;
        text-decoration: none;
    }
    #fotoSemana {
        width: 720px !important;
        height: 480px;
    }
    #fotoSemana img {
        max-width: 720px;
        height: auto;
    }
    #meteor-slideshow {
        width: 720px !important;
        height: 480px !important;
    }
    .meteor-slides h1 {
        right: 240px !important;
    }
    #cursosHome h1 {
        padding-left: 10px;
        padding-bottom: 10px;
    }
    #cursos, #filaTrio {
        width: 720px;
    }
    #cursos h1, #trio h1 {
        width: 100%;
    }
    #filaTrio #trio h1 {
        margin-left: 10px;
    }
    #tituloengrandes {
        display: block;
        height: 38px;
    }
    #titulosenpequenos {
        display: none;
        background-color: rgba(0,255,171,1.00) !important;
    }
    .singleSmall #tituloengrandes {
        display: block;
        height: 20px;
    }
    #bloqueCursos, #bloqueTrio, #trio {
        width: 179px;
        margin-right: 1px;
    }
    #bloqueCursos a, #bloqueTrio a.trioTitulo, #bloqueTrio a {
        padding-left: 10px;
        padding-right: 10px;
        width: 159px;
        height: 40px;
        display: block;
    }
    #bloqueCursos p, #bloqueTrio p {
        width: 165px;
    }
    #bloqueTrio img {
        max-width: 179px;
        height: auto;
    }
    #barraBotoneraPhone, #footerPhone, #copyTablet, #copyPhone {
        display: none;
    }
    .singleC {
        min-height: 135px !important;
    }
	
	#bloquecito {
		height:  90px;
	}
	
	.bloquecito_cartelera {
		height: 76px !important;
	}
	.bloquecito_cartelera p {
		text-align: left;
		font-size: 10px;
	}
	.altura_bloquecito_actualidad {
		height: 76px !important;
	}
    #bloqueCursos  a.link {
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        width: 100%;
    }
    #bloqueFotosemana {
        width: 179px;
        height: 138px;
    }
    #bloqueFotosemana img {
        width: 179px;
        height: auto;
    }
    #bloquecito  img {
        width: 179px;
        height: auto;
    }
    .altura_curso {
		min-height: 140px;
		max-height: 140px;
		overflow-y: hidden;
	}
    #googlemap {
        width: 360px;
    }
    #contacto {
        float: left;
        width: 300px;
        padding: 20px;
    }
    #contacto input, #contacto textarea {
        margin-left: -4px;
        width: 300px;
    }
    #googlemap iframe {
        width: 380px;
    }

    #profesor-single {
        float: left;
        width: 519px;
    }
    #lista-profesores {
        float: left;
        width: 199px;
        margin-right: 1px;
    }    
}

/*tablet styles*/

@media only screen and (min-width: 747px) and (max-width: 959px) {
    #redes {
        width: 140px;
    }
    #caja {
        width: 720px !important;
        margin-left: 0;
        margin-right: auto;
    }
    #barraBotonera {
        width: 240px;
        float: left;
        -webkit-box-shadow: 0px 0px 10px 4px hsla(0,0%,0%,0.30);
        box-shadow: 0px 0px 10px 4px hsla(0,0%,0%,0.30);
        padding-bottom: 205px;
        position: fixed;
        left: 0;
        top: 0;
    }
    #barraContenido {
        float: left;
        width: 480px;
        margin-left: 240px;
        padding-bottom: 55px;
    }
    #info a, #info a:visited {
        color: #242423;
        text-decoration: none;
    }
    #fotoSemana {
        width: 480px;
        height: 320px;
    }
    #fotoSemana img {
        width: 480px;
        height: 320px;
    }
    #meteor-slideshow {
        width: 480px !important;
        height: 320px !important;
    }
    .meteor-slides h1 {
        right: 480px !important;
    }
    #cursos, #filaTrio {
        width: 480px;
    }
    #tituloengrandes {
        display: block;
    }
    #titulosenpequenos {
        display: none;
    }
    #cursos h1 {
        width: 100%;
    }
    #cursosHome h1 a {
        margin-left: 10px !important;
    }
    #trio h1 {
        /*width:470px;*/
    
        width: 219px;
    }
    #filaTrio #trio h1 {
        margin-left: 10px;
    }
    #bloqueCursos, #bloqueTrio {
        width: 239px;
        margin-right: 1px;
        float: left !important;
    }
	
    .altura_curso {
		min-height: 120px;
		max-height: 120px;
		overflow-y: hidden;
	}
    #bloqueCursos:nth-child(4), #bloqueCursos:nth-child(5) {
        margin-top: 10px;
    }
    #bloqueCursos a, #bloqueTrio a.trioTitulo, #bloqueTrio a {
        padding-left: 10px;
        padding-right: 10px;
        width: 219px;
    }
    #copyTablet {
        width: 98%;
        border-top: solid 7px #EA4B1A;
        text-align: right;
        padding-right: 2%;
        font-size: 10px;
        padding-bottom: 15px;
        float: left;
        margin-top: 15px;
        padding-top: 10px;
    }
    #copyTablet a, #copyTablet a:visited {
        color: #333;
    }
    #copyTablet a:hover {
        text-decoration: none;
    }
    #barraBotoneraPhone, #footerPhone, #copy, #copyPhone {
        display: none;
    }
    #googlemap iframe {
        width: 480px;
        height: 480px;
    }
	.altura_bloquecito_actualidad {
		height: 76px !important;
	}
	.bloquecito_cartelera {
		height: 76px !important;
	}
	.bloquecito_cartelera p {
		text-align: left;
		font-size: 12px;
		line-height: 1.4em !important;
	}
}

/*mobile styles*/

@media only screen and (max-width: 746px) {
    #redes {
        width: 320px;
    }
    #caja {
        width: 320px;
    }
    #barraBotoneraPhone {
        width: 100%;
        -webkit-box-shadow: 0px 0px 10px 0px hsla(0,0%,0%,0.30);
        box-shadow: 0px 0px 10px 0px hsla(0,0%,0%,0.30);
        padding-bottom: 5px;
        background-color: #FFF;
        padding-top: 10px;
    }
    #barraBotoneraPhone select {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
    }
    #footerPhone {
        width: 100%;
        -webkit-box-shadow: 0px 0px 10px 0px hsla(0,0%,0%,0.30);
        box-shadow: 0px 0px 10px 0px hsla(0,0%,0%,0.30);
        padding-bottom: 20px;
        padding-top: 0px;
        background-color: #FFF;
    }
    #barraBotonera {
        display: none;
    }
    #barraContenido {
        float: left;
        width: 320px;
        padding-bottom: 20px;
        margin-top: 20px;
    }
    #logo {
        margin-bottom: 10px;
        margin-top: 0;
    }
    #botonera {
        text-align: center;
    }
    #ig {
        margin-right:10px;
    }
    #botonera a, #botonera a:visited {
        color: #242423;
        text-decoration: none;
        font-size: 15px;
        float: left;
        width: 170px;
        border-top: solid 1px #242423;
        padding: 5px;
    }
    #botonera a:hover, #botonera a:active {
        color: #ea4b1b;
    }
    #botonera a:last-child {
        border-bottom: solid 1px #242423;
    }
    #info {
        width: 320px;
    }
    #fotoSemana {
        width: 320px;
        height: 243px;
        margin-top: 0;
    }
    #fotoSemana img {
        width: 320px;
        height: 213px;
    }
    #meteor-slideshow {
        margin-top: 30px;
        width: 320px !important;
        height: 213px !important;
    }
    .meteor-slides h1 {
        left: 0;
        margin-top: -30px;
        width: 300px;
    }
    .meteor-slides, .mslide {
        width: 320px !important;
    }
    #tituloengrandes {
        display: block;
    }
    #titulosenpequenos {
        display: none;
    }
    #cursos, #filaTrio {
        width: 320px;
    }
    #filaTrioTablet, #cursosTablet {
        display: none;
    }
    #filaTrio {
        border-top: solid 1px #ea4b1b;
        padding-top: 30px;
    }
    #cursos h1, #trio h1 {
        width: 310px;
        padding-bottom: 5px;
    }
    #bloqueCursos, #bloqueTrio {
        width: 320px;
        margin-bottom: 10px;
    }
    #trio h1 {
        width: 320px !important;
    }
    #cursos {
        margin-top: 0 !important;
    }
    #bloqueCursosSingle span {
        width: 300px;
    }
    .tithome {
        margin-top: 20px;
        padding-bottom: 0 !important
    }
    #bloqueCursos a, #bloqueTrio a.trioTitulo, #bloqueCursos a:visited, #bloqueTrio a.trioTitulo:visited, #bloqueTrio a, #bloqueTrio a:visited {
        width: 320px;
    }
    #bloqueTrio img {
        width: 320px;
    }
    #trio {
        width: 320px;
        float: left;
    }
    #bloqueCursosSingle {
        width: 320px;
        border-left: solid 1px #ea4b1b;
    }
    #cursos-single #descripcioncurso {
        height: auto !important;
    }
    .entry {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .galeria_derecha {
        width: 320px !important;
        padding-left: 0 !important;
    }
    .entry img {
        width: 320px !important;
        height: auto;
    }
    #fotosemana img {
        width: 320px !important;
        height: auto;
    }
    #bloqueFotosemana {
        width: 300px;
        height: 181px;
    }
    #bloqueFotosemana img {
        width: 300px;
        height: auto;
    }
    #copyright p {
        font-size: 12px;
    }
    #page {
        margin-top: 0 !important;
    }
    .galeria_izquierda {
        float: left;
        width: 320px;
    }
    .galeria_izquierda dl {
        width: 320px !important;
    }
    .galeria_izquierda dt {
        width: 320px !important;
        margin-left: 0 !important;
    }
    .galeria_izquierda img {
        width: auto !important;
        height: auto !important;
    }
    #copy, #copyTablet {
        display: none;
    }
    #copyPhone {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        border-top: solid 7px #EA4B1A;
        font-size: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #copyPhone a, #copyPhone a:visited {
        color: #333;
    }
    #copyPhone a:hover {
        text-decoration: none;
    }
    #barraBotoneraPhone select {
        border: none;
        background-color: none !important;
        border-radius: 0 !important;
        outline: none;
    }
    #googlemap {
        width: 320px;
    }
    #contacto {
        margin-top: 15px;
        width: 320px;
        padding: 0
    }
    #contacto input, #contacto textarea {
        margin-left: -4px;
        width: 300px;
    }
    #googlemap iframe {
        width: 320px;
        height: 320px;
    }
	#bloquecito p {
		width: 300px;
		text-align: left;
	}
	#bloqueCursos .bloquecito_cartelera p {
		line-height: 1.9em;
	}
	.altura_bloquecito_actualidad img {
		width: 	320px;
		height: auto;
	}
}
