@font-face{font-family:bellarose;src: url("../letra/bellarose.eot")} /* EOT file for IE */
@font-face{font-family:bellarose;src: url("../letra/bellarose.otf")}

body{font-family:'bellarose';padding-top:40px;background-color:#FFFFFF;font-size:18px;text-rendering:optimizeLegibility}
h1,h2,h3,p{color:#111111;text-align:center;line-height:1.285em;font-weight:300;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
ul li,p,label,span{line-height:1.285em;font-weight:300;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
a{text-decoration:none !important;color:#111111;outline:none}
ul{list-style:none;color:#fff;margin:0 auto;padding:0}
a:link,a:focus,.btn:link,.btn:focus{border:none;outline:none;color:#be9a5e}
.btn-md,.btn-md:hover,.btn-md:link,.btn-md:focus,.btn-md:active{background-color:#111111;color:#fff;border:none;outline:none;
padding:15px;line-height:1.285em;font-weight:300;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}

/*header*/
.banderas{display:inline-block;margin-left:50px;padding-top:20px}


/* menu */
#navbar ul li{text-decoration:none !important;display:inline-block;padding-top:25px;padding-left:15px;padding-right:5px;padding-bottom:25px;
font-size:18px;line-height:1.285em;font-weight:300;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
#navbar ul li a{color:#be9a5e;text-transform:uppercase}
#navbar ul li a:hover,a:hover{color:#c0c0c0;-webkit-transition: color 1s ease-in;-webkit-transition: color 150ms ease;
-moz-transition: color 150ms ease;-ms-transition: color 150ms ease;-o-transition: color 150ms ease;transition: color 150ms ease}
.navbar-inverse .navbar-brand{padding-top:3px}
.navbar-inverse .navbar-brand span img{width:250px}
.navbar-inverse{background-color:#FFFFFF;border-color:#E6E6E6}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{color:#111111}


/* section */
.section{padding-top:20px;padding-bottom:20px;margin-top:40px;margin-bottom:40px}


/* presentacion */
.presentacion,.legalidad,.articulos{margin-top:60px;margin-bottom:60px}
.presentacion img,.legalidad img{margin:0 auto}
.presentacion h1,.legalidad h1{font-style:oblique;color:#be9a5e;font-size:24px}
.presentacion .frase{font-size:24px;text-align:center;padding-top:20px;padding-bottom:20px;color:#be9a5e;font-style:oblique}
.presentacion .cita, .cita a{font-size:24px;text-align:center;padding-top:20px;color:#be9a5e ;font-style:oblique}
.presentacion .cita:hover, .cita a:hover{color:#C0C0C0}
.presentacion span{font-size:24px;text-align:center;padding-top:0px;color:#be9a5e;font-style:oblique}
.presentacion p.subtitulo{font-size:24px;font-style:oblique}


/* slider */
.camera_wrap{background-color:#F6F6F6;margin-top:10px}


/* circulos */
.ih-item.circle.effect1 .spinner{border:15px solid #be9a5e;border-right-color:#C0C0C0;border-bottom-color:#C0C0C0;width:233px;height:233px}
.ih-item.circle.effect1.colored .info{background:rgba(215,180,126,0.6)}
.ih-item.circle.effect1.colored .info h3{text-transform:uppercase}
.ih-item.circle.effect1 .img{top:12px;left:12px}
.ih-item.circle.effect1.top_to_bottom .info p{font-size:18px;color:#FFFFFF;font-weight:800}


/* galerias */
#container{margin-bottom:40px}
.element{margin-bottom:40px}
.element img{margin-bottom:0px}
/*.element img:hover{filter: sepia(20%);transition-property:all;transition-duration:0.2s;transition-timing-function:ease-in;z-index:1}*/
.element p{color:#A4A4A4;font-size:15px;font-style:oblique}
/*.element .flecha{position:absolute;float:right;bottom:29%;right:18%;border-radius:4px;z-index:2;opacity:0.6;width:120px}*/
.element .flecha{margin-top:15px;border-radius:4px;width:120px}
.element .flecha:hover{opacity:0.9}
.element .referencia{color:#111111;font-size:20px}
.element .referencia span.oferta{text-decoration:line-through;color:#75787b}
.element .referencia span.punto{font-weight:bold;font-size:24px;color:#111111}
.element .referencia span.precio{font-weight:bold;font-size:24px;color:#1ABC9C}
.element .descripcion,.element .descripcion2{text-align:justify;width:278px;margin:0 auto;margin-bottom:15px}
.element .descripcion{min-height:110px}
.element .descripcion2{min-height:160px}
.element .descripcion2 span.talla, .element .descripcion span.talla{font-weight:bold;font-size:20px;color:#1ABC9C}
.element .cita{background-color:#be9a5e;padding:6px;text-transform:uppercase;width:50%;margin:0 auto}
.element .cita:hover{background-color:#c0c0c0}
.element .cita a{color:#E6E6E6;font-size:19px}
.pagination > li > a, .pagination > li > span{background-color:#be9a5e;color:#111111;font-style:oblique;border-color:#F2F2F2}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:#c0c0c0;color:#111111;
-webkit-transition: background 250ms ease;-moz-transition: background 250ms ease;-ms-transition: background 250ms ease;
-o-transition: background 250ms ease;transition: background 250ms ease}


/* sobre mi */
.sobre_mi{margin-bottom:40px}
.sobre_mi img{width:100%}
.sobre_mi h3{font-style:oblique}
.sobre_mi h4{font-size:16px;font-style:oblique;text-align:center;font-weight:800;color:#adadad}
.sobre_mi p{color:#adadad;font-size:18px;text-align:justify}
.sobre_mi .irina img{width:70%;margin:0 auto}
.video{margin-bottom:0px}
video{width:70%;border:none}

/* blog */
.articulos h1{color:#be9a5e;font-style:oblique;text-align:left}
.articulos p{text-align:justify}
.articulos .flecha{margin-top:15px;border-radius:4px;width:120px}
.articulos .flecha:hover{opacity:0.9}
.articulos img{width:25%;border-radius:4px;margin:25px}

.articulo{margin-bottom:60px}
.articulo h1{text-align:left}
.articulo h2,.articulo h4{font-style:oblique}
.articulo p{text-align:justify}
.articulo h1{color:#be9a5e;font-style:oblique}
.articulo img{padding-top:20px;padding-bottom:25px;margin:0 auto}


/* contacto */
iframe{width:100%;height:250px;border:none;margin-bottom:40px}
.formulario{margin-bottom:60px}
.formulario h3{font-style:oblique}


/* footer */
.logo_pie li img{margin:0 auto;width:300px;padding-bottom:10px}

footer{padding:20px;background-color:#F6F6F6;font-size:17px}
footer ul li, footer i{color:#111111}

.direccion li a{color:#111111}
.direccion li a:hover{color:#be9a5e}
.redes ul li{display:inline-block}
.redes i:hover{color:#be9a5e}
.footer_2{background-color:#FFFFFF;padding-top:10px;padding-bottom:10px}
.footer_2 ul li{font-size:17px;color:#111111}


/* barra cookies */
#barracookies{display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:50px;padding:5px;
background:#000;color:#fff;line-height:20px;font-family:'bellarose';font-size:12px;text-align:center;box-sizing:border-box} 
#barracookies a,#barracookies a:nth-child(2){padding:4px;background:#be9a5e;border-radius:5px;text-decoration:none}
#barracookies a{color:#fff}


/* responsive */
@media (max-width:990px){
.banderas{display:inline-block;margin-left:50px;padding-top:19px}
.navbar-inverse .navbar-brand{padding-top:9px}
.navbar-inverse .navbar-brand span img{width:190px}
#navbar ul li{font-size:12px}
.ih-item.circle .spinner{width:160px;height:160px}
.ih-item.circle .img{width:160px;height:160px}
.ih-item.circle.effect1.top_to_bottom .info-back{margin-top:5px}
.ih-item.circle.effect1.top_to_bottom .info h3{font-size:17px}
.ih-item.circle.effect1.top_to_bottom .info p{font-size:14px}

/* blog */
.articulos img{width:50%;border-radius:4px;margin:25px}
}

@media (max-width:767px){
.banderas{display:inline-block;margin-left:10px;padding-top:11px}
.navbar-inverse .navbar-brand{padding-top:3px}
.navbar-inverse .navbar-brand span img{width:170px}
#navbar ul li{font-size:12px;display:block;text-align:center;padding-bottom:8px}
.navbar-inverse .navbar-toggle{border-color:transparent}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#FFFFFF}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#DEB99D}
.navbar-inverse .navbar-toggle .icon-bar:hover{background-color:#DEB99D}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:#FFFFFF}
.ih-item.circle{margin-bottom:30px}
#barracookies{min-height:140px}
.sobre_mi .estudio img{margin-bottom:20px}

/* blog */
.articulos img{width:75%;border-radius:4px;margin:25px}

/* sobre mi */
video{width:100%;border:none}
}