@charset "utf-8";

*           {position:relative; top:0; left:0; margin:0; padding:0; font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif; box-sizing:border-box; color:#555; outline:none; border:none; font-weight:normal;}
html        {font-size:100%; height:100%; line-height:140%;}
body        {height:100%;}
body.fondo  {background:#fff;}

input, select, textarea     {border:1px solid #ccc; border-radius:5px; padding:5px; font-size:0.9em; width:100%; outline:none;}
textarea                    {height:120px;}
input[type=submit]          {border:none; padding:5px 50px; width:auto; cursor:pointer; background:#009BC1; color:#fff;}
h1, h2, h3, h4, h5, h6, p   {margin-top:5px; margin-bottom:10px;}
strong                      {color:inherit; font-weight:bold;}
a                           {text-decoration:none;}
ul, ol                      {margin:15px 20px;}
img                         {max-width:100%;}
b                           { font-weight:bold;}

h2 {margin:15px 0; padding:5px 0; color:#7A7A7A; border-bottom:2px solid #874004;}
h3 {color:#898989; font-weight:bold; font-size: 1.4rem; padding-top: 5px;}
h4 {color:#aaa; font-weight:bold;}
h1.titu.content {margin:15px 15px 25px;}

div.ronin-container {min-height:100%; display:flex; flex-flow:column wrap; justify-content:space-between; align-items:stretch; align-content:space-between; overflow:hidden;}
div.ronin-container > div.ronin-header  {order:1; width:100%; height: 100px; flex:0 0 auto; background:#fff;}
div.ronin-container > div.ronin-content {order:2; width:100%; padding:0; height:auto; flex:1 0 auto; background:transparent; overflow:hidden; display:flex; flex-flow:column wrap; justify-content:space-between; align-items:stretch; align-content:space-between;}
div.ronin-container > div.ronin-footer  {order:3; width:100%; height:80px; flex:0 0 auto; background:#fff; overflow:hidden; display:block; border-top:1px solid #eee; padding-top:15px;}
div.ronin-container > div.ronin-header  > div.content   {width:100%; max-width:1199px; margin:0 auto;}
div.ronin-container > div.ronin-content > div.main      {width:100%; max-width:100%; margin:0 auto;}
div.ronin-container > div.ronin-footer  > div.content   {padding:0px 15px;}
div.ronin-container > div.ronin-footer  > div.content p {width:100%; max-width:1199px; margin:0 auto; color:#aaa;}
div.ronin-container > div.ronin-footer  > div.content p a{color:inherit;}
div.ronin-container > div.ronin-content > div.main > div.main-content {padding:0px;}
div.ronin-container > div.ronin-content > div.main > div.main-content > div.front-component {margin:0 auto; max-width:1200px;}
div.ronin-container > div.ronin-content > div.main > div.main-content > div.front-component > div.inicio {margin:0 auto; max-width:1200px; background-color: #f1f1f1; background:url('../images/fondo.jpg') no-repeat center center; background-size:cover;}

div.ronin-menu {position:fixed; width:100%; height:100px; background:#fff; z-index:999; border-bottom:1px solid #ddd; box-shadow:0 2px 5px 0px rgba(0,0,0,0.2);}
div.ronin-menu div.ronin-menu-icono{position:absolute; top:55px; left:initial; right:0; width:100%; height:45px; line-height:38px; text-align:right; border-top:1px solid #222; cursor:pointer; display:none;}
div.ronin-menu div.ronin-menu-icono span.icono-menu{position:relative; margin-right:8px; width:1.8em; height:0.3em; background:#eee; border-radius:0.2em; box-shadow:0 -0.6em 0 0 #eee, 0 0.6em 0 0 #eee; display:inline-block;}

ul.main-menu a:link, ul.main-menu a:visited, ul.main-menu a:hover, ul.main-menu a:active{text-decoration:none;}
ul.main-menu {margin:0 auto; list-style-type:none; max-width:1199px; height:99px; max-height:99px; overflow:hidden; display:flex; z-index:999;}
ul.main-menu > li {position:relative; width:auto; flex:1 0 auto; display:inline-block; background:#fff; text-align:center; line-height:45px; /*border-right:1px solid #ddd;*/}
ul.main-menu > li a:not(.btn), ul.main-menu > li span {position:absolute; top:initial; bottom:0; width:100%; display:block; background:#fff; color:#777; font-size:1em; font-weight:normal; cursor:pointer;}
ul.main-menu > li a:hover, ul.main-menu > li span:hover {color:#222; background:#f8f8f8;}
ul.main-menu > li.current a, ul.main-menu > li.current span {background:#f8f8f8; color:#222;}
ul.main-menu > li.logo {background:#fff url('../images/logo.png') no-repeat center center; background-size:148px auto; max-width:200px; min-width:125px; max-height:99px; /*border-right:1px solid #ddd;*/}
ul.main-menu > li.logo a{background:none; line-height:99px; height:99px; border:none;}

ul.main-menu-secundario a:link, ul.main-menu-secundario a:visited, ul.main-menu-secundario a:hover, ul.main-menu-secundario a:active{text-decoration:none;}
ul.main-menu-secundario {margin:0 auto; list-style-type:none; max-width:1199px; height:40px; max-height:99px; overflow:hidden; display:flex; z-index:999;}
ul.main-menu-secundario > li {position:relative; width:auto; flex:1 0 auto; display:inline-block; background:#fff; text-align:center; line-height:45px; /*border-right:1px solid #ddd;*/}
ul.main-menu-secundario > li a:not(.btn), ul.main-menu-secundario > li span {position:absolute; top:initial; bottom:0; width:100%; border-top:1px solid #222; display:block; background:#fff; color:#777; font-size:1em; font-weight:normal; cursor:pointer;}
ul.main-menu-secundario > li a:hover, ul.main-menu-secundario > li span:hover {color:#222; background:#f8f8f8;}
ul.main-menu-secundario > li.current a, ul.main-menu-secundario > li.current span {background:#555; color:#fff;}

div.ronin-modal{position:fixed; width:100%; height:100%; z-index:-9999999999; opacity:0; display:block;}
div.ronin-modal div.shadow{position:fixed; width:100%; height:100%; background:#000; opacity:0.75; filter:alpha(opacity=75);}
div.ronin-modal div.window{position:absolute; top:100%; left:5%; solid steelBlue; width:90%; height:90%; opacity:1; transition:top 0.1s;}
div.ronin-modal div.window div.close{position:absolute; width:25px; height:25px; left:initial; top:0px; right:0px; opacity:1; z-index:5;}
div.ronin-modal div.window div.content{padding:0 25px; border-top:25px solid transparent; border-bottom:25px solid transparent; height:100%; opacity:1; background:#fff; overflow:hidden;}

div.ronin-modal-img{position:fixed; width:100%; height:100%; z-index:-9999999999; opacity:0; display:block;}
div.ronin-modal-img div.shadow{position:fixed; width:100%; height:100%; background:#000; opacity:0.75; filter:alpha(opacity=75);}
div.ronin-modal-img div.window{position:absolute; top:100%; left:5%; solid steelBlue; width:90%; height:90%; opacity:1; transition:top 0.1s;}
div.ronin-modal-img div.window div.close{position:absolute; width:25px; height:25px; left:initial; top:0px; right:0px; opacity:1; z-index:5;}
div.ronin-modal-img div.window div.content{padding:0; border-top:25px solid transparent; border-bottom:25px solid transparent; height:100%; opacity:1; background:#fff; overflow:hidden;}
div.ronin-modal-img div.window div.content h2.titulo-imagen-modal{position:absolute; border:none; top:initial; bottom:0; left:50%; background-color:rgba(0,0,0,0.5); width:80%; padding:25px; margin:0 0 0 -40%; color:#ddd; text-align:center;}

div.ronin-modal-ac{position:fixed; top:initial; bottom:0; width:100%; height:100px; z-index:-9999999999; opacity:0; display:block;}
div.ronin-modal-ac div.shadow{position:fixed; top:initial; bottom:0; width:100%; height:100px; background:#fff; opacity:0.75; filter:alpha(opacity=75);}
div.ronin-modal-ac div.window{margin:0 0 0 -150px; position:absolute; top:100%; left:50%; solid steelBlue; width:300px; height:90%; opacity:1; transition:top 0.1s;}
div.ronin-modal-ac div.window div.close{position:absolute; width:25px; height:25px; left:initial; top:0px; right:0px; opacity:1; z-index:5;}
div.ronin-modal-ac div.window div.content{padding:0; border-top:25px solid transparent; border-bottom:15px solid transparent; height:100%; opacity:1; overflow:hidden;}
div.ronin-modal-ac div.window div.close span.cerrar-modal{top:0px; left:initial; right:0px;opacity:1!important;}
div.ronin-modal-ac div.window div.close span.cerrar-modal:before{color:#fff!important;}
div.ronin-modal-ac div.window div.content div{text-align:center; font-size:0.8em; line-height:115%;color:#fff!important;}

div.ronin-modal-visible{z-index:9999999999; opacity:1;}
div.ronin-modal-visible div.window{top:5%; transition:top 0.3s;}

span.cerrar-modal:before{content:'⨯'; color:#222;}
span.cerrar-modal{position:absolute; top:5px; left:initial; right:5px; width:15px; height:15px; line-height:15px; display:block; opacity:0.2; transition:opacity 0.1s; cursor:pointer;}
span.cerrar-modal:hover{opacity:1; transition:opacity 0.3s;}

div.back{position:absolute; background:rgba(0,0,0,0.75); top:50%; left:0px; width:50px; height:50px; margin:-25px 0 0 0; cursor:pointer;}
div.back:before{content:''; position:absolute; top:50%; left:0px; width:25px; height:25px; margin:-12.5px 0 0 15px; transform:rotate(-45deg); transform:rotate(-45deg); border:3px solid #fff; border-width:3px 0 0 3px;}
div.next{position:absolute; background:rgba(0,0,0,0.75); top:50%; left:initial; right:0; width:50px; height:50px; margin:-25px 0 0 0; cursor:pointer;}
div.next:before{content:''; position:absolute; top:50%; left:0px; width:25px; height:25px; margin:-12.5px 0 0 10px; transform:rotate(-45deg); transform:rotate(-45deg); border:3px solid #fff; border-width:0 3px 3px 0;}

div.ronin-cargador{position:fixed; width:100%; height:100%; z-index:-9999999999; opacity:0; display:block;}
div.ronin-cargador div.shadow{position:fixed; width:100%; height:100%; background:#fff; opacity:0.75; filter:alpha(opacity=75);}
div.ronin-cargador div.window{position:absolute; top:5%; left:5%; solid steelBlue; width:90%; height:90%; opacity:1; transition:top 0.1s;}
div.ronin-cargador div.window div.content{padding:0 50px; border-top:25px solid transparent; border-bottom:25px solid transparent; height:100%; opacity:1; overflow:hidden;}
div.ronin-cargador-visible{z-index:9999999999; opacity:1;}
div.ronin-cargador-visible div.window{top:5%; transition:top 0.3s;}

div.cargando{position:absolute; padding:100px 0 0 0; width:100%; text-align:center; z-index:10;}

@keyframes ajax-loader-rotate{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes ajax-loader-rotate{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}

span.icono-cargando{width:2.6em; height:2.6em; border-radius:50%; display:inline-block;}
span.icono-cargando:before{content:''; position:absolute; top:50%; left:50%; margin:-0.3em 0 0 -0.3em; width:0.6em; height:0.6em; border-radius:50%; display:block; animation:0.85s ajax-loader-rotate steps(8) infinite; -webkit-animation:0.85s ajax-loader-rotate steps(8) infinite; box-shadow:0 -1em 0 0 #000, -0.7em -0.7em 0 0 rgba(0,0,0,0.75), -1em 0em 0 0 rgba(0,0,0,0.5), -0.8em 0.8em 0 0 rgba(0,0,0,0.25);}

span.animacion-cargando{position:absolute; margin:-1.3em 0 0 -1.3em; top:50%; left:50%; font-size:1em; width:2.6em; height:2.6em; border-radius:50%; display:inline-block;}
span.animacion-cargando:before{content:''; position:absolute; top:50%; left:50%; margin:-0.3em 0 0 -0.3em; width:0.3em; height:0.3em; border-radius:50%; display:block; box-shadow: 0       -1.00em   0 0 #ddd, 0       -0.95em   0 0 #ddd, 0       -0.90em   0 0 #ddd, 0       -0.85em   0 0 #ddd, 0       -0.80em   0 0 #ddd, 0       -0.75em   0 0 #ddd, 0       -0.70em   0 0 #ddd, 0       -0.65em   0 0 #ddd, -0.75em -0.75em   0 0 #ddd, -0.70em -0.70em   0 0 #ddd, -0.65em -0.65em   0 0 #ddd, -0.60em -0.60em   0 0 #ddd, -0.55em -0.55em   0 0 #ddd, -0.50em -0.50em   0 0 #ddd, -0.45em -0.45em   0 0 #ddd, -0.40em -0.40em   0 0 #ddd, -1.00em  0em      0 0 #ddd, -0.95em  0em      0 0 #ddd, -0.90em  0em      0 0 #ddd, -0.85em  0em      0 0 #ddd, -0.80em  0em      0 0 #ddd, -0.75em  0em      0 0 #ddd, -0.70em  0em      0 0 #ddd, -0.65em  0em      0 0 #ddd, -0.75em  0.75em   0 0 #ddd, -0.70em  0.70em   0 0 #ddd, -0.65em  0.65em   0 0 #ddd, -0.60em  0.60em   0 0 #ddd, -0.55em  0.55em   0 0 #ddd, -0.50em  0.50em   0 0 #ddd, -0.45em  0.45em   0 0 #ddd, -0.40em  0.40em   0 0 #ddd, 0        1.00em   0 0 #ddd, 0        0.95em   0 0 #ddd, 0        0.90em   0 0 #ddd, 0        0.85em   0 0 #ddd, 0        0.80em   0 0 #ddd, 0        0.75em   0 0 #ddd, 0        0.70em   0 0 #ddd, 0        0.65em   0 0 #ddd, 0.75em   0.75em   0 0 #ddd, 0.70em   0.70em   0 0 #ddd, 0.65em   0.65em   0 0 #ddd, 0.60em   0.60em   0 0 #ddd, 0.55em   0.55em   0 0 #ddd, 0.50em   0.50em   0 0 #ddd, 0.45em   0.45em   0 0 #ddd, 0.40em   0.40em   0 0 #ddd, 1.00em   0        0 0 #ddd, 0.95em   0        0 0 #ddd, 0.90em   0        0 0 #ddd, 0.85em   0        0 0 #ddd, 0.80em   0        0 0 #ddd, 0.75em   0        0 0 #ddd, 0.70em   0        0 0 #ddd, 0.65em   0        0 0 #ddd, 0.75em   -0.75em  0 0 #ddd, 0.70em   -0.70em  0 0 #ddd, 0.65em   -0.65em  0 0 #ddd, 0.60em   -0.60em  0 0 #ddd, 0.55em   -0.55em  0 0 #ddd, 0.50em   -0.50em  0 0 #ddd, 0.45em   -0.45em  0 0 #ddd, 0.40em   -0.40em  0 0 #ddd;}
span.animacion-cargando:after{content:''; position:absolute; top:50%; left:50%; margin:-0.3em 0 0 -0.3em; width:0.3em; height:0.3em; border-radius:50%; display:block; animation:0.85s ajax-loader-rotate steps(8) infinite; -webkit-animation:0.85s ajax-loader-rotate steps(8) infinite; box-shadow: 0      -1.00em  0 0 #000, 0      -0.95em  0 0 #000, 0      -0.90em  0 0 #000, 0      -0.85em  0 0 #000, 0      -0.80em  0 0 #000, 0      -0.75em  0 0 #000, 0      -0.70em  0 0 #000, 0      -0.65em  0 0 #000, -0.75em -0.75em 0 0 #444, -0.70em -0.70em 0 0 #444, -0.65em -0.65em 0 0 #444, -0.60em -0.60em 0 0 #444, -0.55em -0.55em 0 0 #444, -0.50em -0.50em 0 0 #444, -0.45em -0.45em 0 0 #444, -0.40em -0.40em 0 0 #444, -1.00em  0em    0 0 #888, -0.95em  0em    0 0 #888, -0.90em  0em    0 0 #888, -0.85em  0em    0 0 #888, -0.80em  0em    0 0 #888, -0.75em  0em    0 0 #888, -0.70em  0em    0 0 #888, -0.65em  0em    0 0 #888, -0.75em  0.75em 0 0 #ccc, -0.70em  0.70em 0 0 #ccc, -0.65em  0.65em 0 0 #ccc, -0.60em  0.60em 0 0 #ccc, -0.55em  0.55em 0 0 #ccc, -0.50em  0.50em 0 0 #ccc, -0.45em  0.45em 0 0 #ccc, -0.40em  0.40em 0 0 #ccc;}

div.codigo{counter-reset:linea;}
p.linea-codigo{font-family: courier; position:relative; margin:0; padding:0 0 0 2em; background:#eee; overflow:hidden; font-size:1em; line-height:140%; color:#222; white-space:pre;}
p.linea-codigo:before{position:absolute; margin:0 0 0 -2.2em; padding:0 5px 0 0; font-family:courier; font-size:1em; color:#999; text-align:right; background:#fff; width:1.6em; counter-increment:linea; content:counter(linea);}

.boton{display:inline-block; padding:5px 25px; background:#009BC1; color:#fff; border-radius:5px; cursor:pointer; z-index:99;}
span.boton-paypal{background:#fff url('images/paypal.png') no-repeat center center; background-size:contain; width:180px; height:50px; border:none; display:inline-block;}

div.copyright{font-size:0.8em;}

.alert         {padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px; background-color: #ff0202; text-align: center;}
.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.alert-info    {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert-danger  {color:#a94442; background-color:#f2dede; border-color:#ebccd1;}

.alert.alert-error a.close {display: none;}
.alert.alert-error .alert-message {color:#ffffff; font-size:2em;}

table{width:100%; border-spacing:0; border-collapse:separate;}
table tbody tr:nth-of-type(odd){background:#f2f2f2;}
table tbody tr:nth-of-type(even){background:#fff;}
table tbody tr:hover{background:#ddd;}
table thead tr th{padding:10px; font-weight:bold; text-align:left; border-bottom:2px solid #aaa;}
table tbody tr td{padding:10px; border-top:1px solid #ccc;}

div.panel{margin-bottom:15px; border:1px solid #ccc; overflow:hidden; border-radius:5px;}
div.panel div.head{padding:10px; overflow:hidden;}
div.panel div.body{padding:15px 10px; overflow:hidden;}
div.panel-default {border-color: #cccccc;}
div.panel-primary {border-color: #009BC1;}
div.panel-success {border-color: #d6e9c6;}
div.panel-info    {border-color: #bce8f1;}
div.panel-warning {border-color: #faebcc;}
div.panel-danger  {border-color: #ebccd1;}
div.panel-default div.head{color: #444444; background-color: #dddddd;}
div.panel-primary div.head{color: #ffffff; background-color: #009BC1;}
div.panel-success div.head{color: #3c763d; background-color: #d9edf7;}
div.panel-info    div.head{color: #31708f; background-color: #dff0d8;}
div.panel-warning div.head{color: #8a6d3b; background-color: #fcf8e3;}
div.panel-danger  div.head{color: #a94442; background-color: #f2dede;}

div.ronin-carrusel{width:100%; margin:0 auto; height:470px; overflow:hidden;}
div.ronin-carrusel div.carrusel{position:relative; width:100%; height:100%; display:block;}
div.ronin-carrusel div.carrusel > a{position:absolute; width:100%; height:100%; display:block;}
div.ronin-carrusel div.carrusel > a.anterior{margin:0 0 0 -100%;}
div.ronin-carrusel div.carrusel > a.actual{margin:0;}
div.ronin-carrusel div.carrusel > a.siguiente{margin:0 0 0 100%;}
div.ronin-carrusel div.carrusel > a.oculta{margin:0; display:none;}
div.ronin-carrusel div.carrusel > a.nueva-actual{margin:0;  transition:margin 0.7s; z-index:95;}
div.ronin-carrusel div.carrusel div.textos{position:absolute; margin:-7% 0 0 -45%; padding:20px 50px; width:90%; height:50%; top:30%; left:50%;}
div.ronin-carrusel div.carrusel div.textos * {color:#fff; text-decoration:none;}
div.ronin-carrusel div.bback{z-index:799; position:absolute; top:50%; left:15px;  margin:-12px 0 0 0; padding:0; width:25px; height:25px; transform:rotate(45deg); overflow:hidden; border-width:0 0 5px 5px; border-color:#fff; border-style:solid; opacity:0.5; cursor:pointer;}
div.ronin-carrusel div.bnext{z-index:799; position:absolute; top:50%; left:initial; right:15px; margin:-12px 0 0 0; padding:0; width:25px; height:25px; transform:rotate(45deg); overflow:hidden; border-width:5px 5px 0 0; border-color:#fff; border-style:solid; opacity:0.5; cursor:pointer;}
div.ronin-carrusel div.items{position:absolute; top:initial; bottom:0; width:100%; height:50px; text-align:center;}
div.ronin-carrusel div.items span.item{width:10px; height:10px; margin:0 3px; background:#fff; border-radius:50%; display:inline-block; opacity:0.5; cursor:pointer;}
div.ronin-carrusel div.controles div.back:hover, div.ronin-carrusel div.controles div.next:hover, div.ronin-carrusel div.items span.item:hover{opacity:1;}
div.ronin-acordeon div.panel div.head{cursor:pointer;}
div.ronin-acordeon div.panel div.body{max-height:1000px; transition:all 0.3s ease-in-out;}
div.ronin-acordeon div.cerrado div.body{max-height:0; padding:0px 10px; transition:all 0.3s ease-in-out;}

span.cerrar:before{content:'⨯'; color:#222;}
span.cerrar{position:absolute; top:5px; left:initial; right:5px; width:15px; height:15px; line-height:15px; display:block; opacity:0.2; transition:opacity 0.1s; cursor:pointer;}
span.cerrar:hover{opacity:1; transition:opacity 0.3s;}
span.cerrar-bold:before{content:'✖'; color:#222;}

blockquote{font-family:"Times New Roman"; margin:1.5em 10px; padding:0.5em 60px; background:#f8f8f8; border-left:10px solid #009BC1; font-family:Georgia, serif; overflow:auto; clear:both; min-height:4em;}
blockquote:before{font-family:"Times New Roman"; position:absolute; top:25px; left:10px; color:#999; content:'\201C'; font-size:5em; margin:0;}
blockquote p{display:inline; font-size:1.2em; font-style:italic; color:#777; margin:0px!important;}

form div.ronin-row{margin:0 0 10px;}

div.ronin-row{position:relative; padding:15px 0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
div.ronin-row > div{position:relative; margin:0; padding:0; flex:1 0 auto; order:1; align-self:flex-start;}
div.ronin-row > div > .content{text-align:justify;}

div.ronin-row-left{justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
div.ronin-row-left > div{position:relative; margin:0 1.25%;}

div.ronin-row-center{justify-content:center; align-items:flex-start; align-content:flex-start;}
div.ronin-row-center > div{position: relative; margin: 0 1.25% 30px; padding: 5px; border: 2px solid #030303; border-radius: 5px;}

div.toolbar{position:absolute; top:5px; left:initial; right:8px; margin:0 0 0 0; z-index:9999; width:50%; z-index:99999;}
div.module-login{text-align:right; font-size:0.9em;}
div.module-login .boton-login{padding:2px 10px; background:#aaa; opacity:0.75; transition:opacity 0.1s;}
div.module-login .boton-login:hover{opacity:1; transition:opacity 0.3s;}

div.banner-home{background:#ddd center center no-repeat; background-size:cover; height:260px; padding:60px;}
div.banner-home div.texto{background:rgba(0,0,0,0.6); padding:25px; max-width:1200px; margin:0 auto;}
div.banner-home div.texto h1{margin:0 0 20px 0; color:#e8e8e8; font-size:2.6em;}
div.banner-home div.texto p {margin:10px 0 0 0; color:#e8e8e8; font-size:1.6em;}

div.item-content{margin:15px 15px 25px;}

div.default-content{margin:25px auto!important;}
div.bottom{background:#eee; padding:25px 0;}

div.ronin-galeria {margin:50px auto; max-width:1200px; min-height:100%; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; align-content:space-between; overflow:hidden;}
div.ronin-galeria > div.item-galeria {cursor:pointer; margin:0 0 35px 0; order:1; width:31%; height:250px; flex:0 0 auto; background:#fff; border:3px solid #aaa; border-radius:5px;}
div.galeria {margin:50px 0;min-height:100%; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; align-content:space-between; overflow:hidden;}
div.galeria > div.item-galeria {cursor:pointer; margin:0 0 35px 0; order:1; width:31%; height:250px; flex:0 0 auto; background:#fff; border:3px solid #aaa; border-radius:5px;}

p.letra-pequena {font-size:0.8em; color:#999; line-height:130%; text-align:justify;}

.content{padding:15px;}
.width-limit{max-width:1200px; margin:0 auto;}
.movil {display:none;}
div.fotorama__arr--next {left:initial;}
div.tel {text-align:right; font-size:0.9em; color:#888;}
div.tel a{color:#888; margin-left:15px;}

ul.servicios {list-style-type:square; margin-left:50px;}
ul.servicios li {padding:2px 8px; font-style:normal; font-family:Arial; font-style:italic; color:#666; border-left: 1px solid #ccc;}

dl.fields-container {position:relative; margin:15px 0; padding:0;}

dl.fields-container dd.field-entry {position:relative; margin-bottom:10px; padding:0; flex:0 0 auto; order:1; align-self:flex-start;}
dl.fields-container dd.field-entry span.field-label {font-weight:bold; display:block;}
dl.fields-container dd.field-entry span.field-value {vertical-align:top; width: 48.00000%; max-width: 48.00000%; display:inline-block;}
/*galeria*/
#field-entry-2, #field-entry-12 {z-index:888; margin-bottom:25px; min-height:500px; position:absolute; width:48.00000%; max-width:48.00000%; left:initial; right:0;}
#field-entry-2 span.field-label, #field-entry-12 span.field-label {display:none;}
#field-entry-2 span.field-value, #field-entry-12 span.field-value {width:100.00000%; max-width:100.00000%;}
/*ciudad*/
#field-entry-10, #field-entry-13 {margin-bottom:25px;}
#field-entry-10 span.field-label, #field-entry-13 span.field-label {display:none;}
#field-entry-10 span.field-value, #field-entry-13 span.field-value {font-size:1.2em;}
/*descripción*/
#field-entry-16, #field-entry-18 {margin-bottom:25px;}
#field-entry-16 span.field-label, #field-entry-18 span.field-label {}
#field-entry-16 span.field-value, #field-entry-18 span.field-value {}

div.blog-featured, div.blog, div.item-page{padding:25px;}

div.icons {display:none;}

.ronin-lg-1  {width:  8.33333%; max-width:  8.33333%;}
.ronin-lg-2  {width: 16.66666%; max-width: 16.66666%;}
.ronin-lg-3  {width: 22.50000%; max-width: 22.50000%;}
.ronin-lg-4  {width: 31.33333%; max-width: 31.33333%;}
.ronin-lg-5  {width: 41.55555%; max-width: 41.55555%;}
.ronin-lg-6  {width: 48.00000%; max-width: 48.00000%;}
.ronin-lg-7  {width: 58.22222%; max-width: 58.22222%;}
.ronin-lg-8  {width: 66.66666%; max-width: 66.66666%;}
.ronin-lg-9  {width: 75.00000%; max-width: 75.00000%;}
.ronin-lg-10 {width: 83.00000%; max-width: 83.00000%;}
.ronin-lg-11 {width: 91.33333%; max-width: 91.33333%;}
.ronin-lg-12 {width:100.00000%; max-width:100.00000%;}

.text-home{margin: 40px 10%;}
.text-home h2{font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; text-transform: uppercase; letter-spacing: 4px; font-size: 31px; color: #7A7A7A; line-height: 1em;}
.caja-titulo{padding: 20px 0px; background-color: #f1f1f1;}
.caja-titulo .text-titulo{margin: 0px 10%; text-align: center;}
.caja-titulo .text-titulo h2{margin: -1px 0; font-family: 'Playfair Display', serif; font-weight: 300; text-transform: uppercase; letter-spacing: 4px; font-size: 31px; color: #555;}

form.formulario{padding:25px;}
form.formulario div.fila-formulario{padding:10px;}
form.formulario div.fila-formulario label{padding:5px 0 0 0; width:100px; vertical-align:top; display:inline-block;}
form.formulario div.fila-formulario input{}
form.formulario div.fila-formulario textarea{}

form.formulario2{padding:25px;}
form.formulario2 div.fila-formulario{padding:10px;}
form.formulario2 div.fila-formulario label{padding:0; width:200px; vertical-align:top; display:inline-block;}
form.formulario2 div.fila-formulario input{}
form.formulario2 div.fila-formulario textarea{}

button, div.button{position:relative; margin:0 3px; padding:5px 10px; border:1px solid #aaa; border-radius:20px; background:#000; color:#fff; width:auto; display:inline-block; text-decoration:none; cursor:pointer; font-size:1em;}
button:hover, div.button:hover{position:relative; margin:0 3px; padding:5px 10px; border:1px solid #aaa; background:#ccc; color:#000;}
button:active, div.button:active{position:relative; margin:0 3px; padding:5px 10px; border:1px solid #aaa; background:#ccc; color:#000; -webkit-box-shadow:1.5px 3px 0 rgba(0,0,0,0.125) inset;box-shadow:1.5px 3px 0 rgba(0,0,0,0.2) inset;}




.control-group.recuerdame{text-align: center;}
.control-group.recuerdame > div{display: inline-block;}

.control-group{margin: 10px 0px}

div.ronin-galeria {position:relative; margin:0; padding:0 10%; text-align:center;}
div.ronin-galeria div.miniatura{position:relative; margin:0 1% 20px 0 ; padding:0; width:18%; display:inline-block; vertical-align:top;  height:135px; overflow:hidden; box-shadow:3px 3px 3px 0 rgba(0,0,0,0.4); border-radius:3px; border:solid 1px #aaa;}
div.ronin-galeria div.miniatura img{height:100%;}

div.ronin-galeria > div.item-galeria {
    cursor: pointer;
    margin: 0 0 35px 0;
    order: 1;
    width: 31%;
    height: 250px;
    flex: 0 0 auto;
    background: #fff;
    box-sizing: border-box;
    border: 3px solid #aaa;
    border-radius: 5px;
}

div.galeria > div.item-galeria {cursor: pointer; margin: 0 0 35px 0; order: 1; width: 31%; height: 250px; flex: 0 0 auto; background: #fff; box-sizing: border-box; border: 3px solid #aaa; border-radius: 5px;}

@media screen and (min-width:1200px){
    .ronin-xl-1  {width:  8.33333%; max-width:  8.33333%;}
    .ronin-xl-2  {width: 16.66666%; max-width: 16.66666%;}
    .ronin-xl-3  {width: 22.50000%; max-width: 22.50000%;}
    .ronin-xl-4  {width: 31.33333%; max-width: 31.33333%;}
    .ronin-xl-5  {width: 41.55555%; max-width: 41.55555%;}
    .ronin-xl-6  {width: 48.00000%; max-width: 48.00000%;}
    .ronin-xl-7  {width: 58.22222%; max-width: 58.22222%;}
    .ronin-xl-8  {width: 66.66666%; max-width: 66.66666%;}
    .ronin-xl-9  {width: 75.00000%; max-width: 75.00000%;}
    .ronin-xl-10 {width: 83.00000%; max-width: 83.00000%;}
    .ronin-xl-11 {width: 91.33333%; max-width: 91.33333%;}
    .ronin-xl-12 {width:100.00000%; max-width:100.00000%;}

	div.toolbar{left:50%; margin:0; width:600px;}
	
	div.galeria > div.item-galeria {width: 31%; height: 250px;}
}

@media (min-width:980px) and (max-width:1199px){
    .ronin-lg-1  {width:  8.33333%; max-width:  8.33333%;}
    .ronin-lg-2  {width: 16.66666%; max-width: 16.66666%;}
    .ronin-lg-3  {width: 22.50000%; max-width: 22.50000%;}
    .ronin-lg-4  {width: 31.33333%; max-width: 31.33333%;}
    .ronin-lg-5  {width: 41.55555%; max-width: 41.55555%;}
    .ronin-lg-6  {width: 48.00000%; max-width: 48.00000%;}
    .ronin-lg-7  {width: 58.22222%; max-width: 58.22222%;}
    .ronin-lg-8  {width: 66.66666%; max-width: 66.66666%;}
    .ronin-lg-9  {width: 75.00000%; max-width: 75.00000%;}
    .ronin-lg-10 {width: 83.00000%; max-width: 83.00000%;}
    .ronin-lg-11 {width: 91.33333%; max-width: 91.33333%;}
    .ronin-lg-12 {width:100.00000%; max-width:100.00000%;}

    div.toolbar{top:5px; left:initial; right:8px; margin:0 0 0 0; width:50%; font-size:0.9em;}
    div.ronin-galeria > div.item-galeria {margin:0 0 35px 0; width:31%; height:200px;}
	div.galeria > div.item-galeria {margin:0 0 35px 0; width:31%; height:200px;}
    .width-limit {padding:0 15px;}
}

@media (min-width:768px) and (max-width:979px){
    .ronin-md-1  {width:  8.33333%; max-width:  8.33333%;}
    .ronin-md-2  {width: 16.66666%; max-width: 16.66666%;}
    .ronin-md-3  {width: 22.50000%; max-width: 22.50000%;}
    .ronin-md-4  {width: 31.33333%; max-width: 31.33333%;}
    .ronin-md-5  {width: 41.55555%; max-width: 41.55555%;}
    .ronin-md-6  {width: 48.00000%; max-width: 48.00000%;}
    .ronin-md-7  {width: 58.22222%; max-width: 58.22222%;}
    .ronin-md-8  {width: 66.66666%; max-width: 66.66666%;}
    .ronin-md-9  {width: 75.00000%; max-width: 75.00000%;}
    .ronin-md-10 {width: 83.00000%; max-width: 83.00000%;}
    .ronin-md-11 {width: 91.33333%; max-width: 91.33333%;}
    .ronin-md-12 {width:100.00000%; max-width:100.00000%;}

    div.ronin-menu div.ronin-menu-icono{display:block;}
    ul.main-menu{flex-flow:column wrap; justify-content:flex-start; overflow:visible; max-height:initial;}
    ul.main-menu > li.logo{height:100px;}
    ul.main-menu > li.item-menu{margin-left:-2000px; width:100%;}
    ul.menu-responsive{height:initial; z-index:99985;}
    ul.menu-responsive > li.item-menu{margin-left:0; transition:margin 0.3s; height:45px;}
    div.toolbar{top:5px; left:initial; right:8px; margin:0 0 0 0; width:50%; font-size:0.9em;}
    div.ronin-container > div.ronin-footer{padding-top:0;}
    div.ronin-galeria > div.item-galeria {margin:0 0 35px 0; width:47%; height:250px;}
	div.galeria > div.item-galeria {margin:0 0 35px 0; width:47%; height:250px;}
    .width-limit {padding:0 15px;}
	div.ronin-carrusel{height:500px;}
}

@media (min-width:481px) and (max-width:767px){
    .ronin-sm-1  {width:  8.33333%; max-width:  8.33333%;}
    .ronin-sm-2  {width: 16.66666%; max-width: 16.66666%;}
    .ronin-sm-3  {width: 22.50000%; max-width: 22.50000%;}
    .ronin-sm-4  {width: 31.33333%; max-width: 31.33333%;}
    .ronin-sm-5  {width: 41.55555%; max-width: 41.55555%;}
    .ronin-sm-6  {width: 48.00000%; max-width: 48.00000%;}
    .ronin-sm-7  {width: 58.22222%; max-width: 58.22222%;}
    .ronin-sm-8  {width: 66.66666%; max-width: 66.66666%;}
    .ronin-sm-9  {width: 75.00000%; max-width: 75.00000%;}
    .ronin-sm-10 {width: 83.00000%; max-width: 83.00000%;}
    .ronin-sm-11 {width: 91.33333%; max-width: 91.33333%;}
    .ronin-sm-12 {width:100.00000%; max-width:100.00000%;}

    .movil{display:inline-block;}

    div.banner-home div.texto h1{margin:0 0 10px 0; font-size:2.0em; text-align:center; line-height:130%;}
    div.banner-home div.texto p {margin:10px 0 0 0; font-size:1.0em; text-align:center; line-height:130%;}
    div.ronin-menu div.ronin-menu-icono{display:block;}
    ul.main-menu{flex-flow:column wrap; justify-content:flex-start; overflow:visible; max-height:initial;}
    ul.main-menu > li.logo{height:100px;}
    ul.main-menu > li.item-menu{margin-left:-2000px; width:100%;}
    ul.menu-responsive{height:initial; z-index:99985;}
    ul.menu-responsive > li.item-menu{margin-left:0; transition:margin 0.3s; height:45px;}
    div.toolbar{top:5px; left:initial; right:8px; margin:0 0 0 0; width:50%; font-size:0.9em;}
    div.ronin-container > div.ronin-footer{padding-top:0;}
    div.ronin-galeria > div.item-galeria {margin:0 0 35px 0; width:47%; height:200px;}
	div.galeria > div.item-galeria {width: 48%; height: 250px;}
    .width-limit {padding:0 15px;}
	div.ronin-carrusel{height:400px;}

	dl.fields-container dd.field-entry span.field-value {width: 100%; max-width: 100%;}
	dl.fields-container #field-entry-2, dl.fields-container #field-entry-12 {min-height:initial; position:relative; width:100.00000%; max-width:100.00000%; left:initial; right:0;}
	
	.alert.alert-error .alert-message {color:#ffffff; font-size:18px;}
}

@media (max-width:480px){
    .ronin-xs-1  {width:  8.33333%; max-width:  8.33333%;}
    .ronin-xs-2  {width: 16.66666%; max-width: 16.66666%;}
    .ronin-xs-3  {width: 22.50000%; max-width: 22.50000%;}
    .ronin-xs-4  {width: 31.33333%; max-width: 31.33333%;}
    .ronin-xs-5  {width: 41.55555%; max-width: 41.55555%;}
    .ronin-xs-6  {width: 48.00000%; max-width: 48.00000%;}
    .ronin-xs-7  {width: 58.22222%; max-width: 58.22222%;}
    .ronin-xs-8  {width: 66.66666%; max-width: 66.66666%;}
    .ronin-xs-9  {width: 75.00000%; max-width: 75.00000%;}
    .ronin-xs-10 {width: 83.00000%; max-width: 83.00000%;}
    .ronin-xs-11 {width: 91.33333%; max-width: 91.33333%;}
    .ronin-xs-12 {width:100.00000%; max-width:100.00000%;}

    .movil{display:inline-block;}
	
	ul.main-menu > li.logo {background:#fff url('../images/logo.png') no-repeat center center; background-size:100px auto; max-width:125px; min-width:125px; max-height:99px; /*border-right:1px solid #ddd;*/}

    div.banner-home{padding:30px;}
    div.banner-home div.texto h1{margin:0 0 10px 0; font-size:1.8em; text-align:center; line-height:120%;}
    div.banner-home div.texto p {margin:10px 0 0 0; font-size:1.0em; text-align:center; line-height:130%;}
    div.ronin-menu div.ronin-menu-icono{display:block;}
    ul.main-menu{flex-flow:column wrap; justify-content:flex-start; overflow:visible; max-height:initial;}
    ul.main-menu > li.logo{height:100px;}
    ul.main-menu > li.item-menu{margin-left:-2000px; width:100%;}
    ul.menu-responsive{height:initial; z-index:99985;}
    ul.menu-responsive > li.item-menu{margin-left:0; transition:margin 0.3s; height:45px;}
    div.toolbar{top:5px; left:initial; right:8px; margin:0 0 0 0; width:65%; font-size:12px;}
    div.ronin-container > div.ronin-footer{padding-top:0;}
    div.ronin-container > div.ronin-footer p{line-height:140%;}
    div.ronin-galeria > div.item-galeria {margin:0 0 35px 0; width:100%; height:250px;}
	div.galeria > div.item-galeria {width: 100%; height: 250px;}
    .width-limit {padding:0 15px;}
	div.ronin-carrusel{height:300px;}

	dl.fields-container dd.field-entry span.field-value {width: 100%; max-width: 100%;}
	dl.fields-container #field-entry-2, dl.fields-container #field-entry-12 {min-height:initial; position:relative; width:100.00000%; max-width:100.00000%; left:initial; right:0;}
	
	.alert.alert-error .alert-message {color:#ffffff; font-size:12px;}
}

.control-group.recuerdame{text-align: center;}
.control-group.recuerdame > div{display: inline-block;}

.control-group{margin: 10px 0px}

div.galeria {position:relative; margin:0; padding:0; text-align:center;}
div.galeria div.miniatura{position:relative; margin:0 1% 20px 0 ; padding:0; width:18%; display:inline-block; vertical-align:top;  height:135px; overflow:hidden; box-shadow:3px 3px 3px 0 rgba(0,0,0,0.4); border-radius:3px; border:solid 1px #aaa;}
div.galeria div.miniatura img{height:100%;}

div#sbox-content.sbox-content-image img{height: auto!important;}
div#sbox-window.shadow {height: auto!important;}