/*
Theme Name: RN Theme V4.1
Theme URI: http://www.raulnarros.com
Author: Raul Narros
Author URI:  
Description: Cualquir duda, contacta conmigo rn@raulnarros.com
Text Domain: RNthemeV41
*/
@font-face { font-family: Delicious; src: url('fonts/Raleway/Raleway-Regular.ttf'); } 

body{ font-family: 'Montserrat', 'Raleway', sans-serif;    margin: 0; color: #000;     margin-top: 85px!important;}
body{ } 
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #e2001a;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {  font-weight: 700;color: #000; }
h2{   color: #1c2f2c; margin: 5px 0;  font-size: 23px;     margin: 20px 0 15px 0;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.autor{font-size: 8px}
.front-page{padding-bottom: 50px;    min-height: 75vh;}
a,
a:visited,
a:active{color:#000;text-decoration: none;}
a:hover{  color: #00b7e8;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
h1 {font-size: 39px;font-weight: 800;}
/*menu*/
body.customize-support .header {top: 32px;}
.header {position: fixed;top: 0;left: 0;right: 0;width: 100%;    height: 80px;box-shadow: 1px 1px 6px #ddd;    background: #fff;    z-index: 999999;}
.header .logo {float: left;}
.header .logo a{text-decoration: none;font-weight: bold;font-size: 30px;padding-top: 23px;display: block;color: #00b7e8;}
.header .nombre {    float: right;}
.header .nombre p{line-height: 1;margin: 0;padding-top: 26px;     text-align: right;}
.header .nombre a{ FONT-SIZE: 14PX; }

 
.paginainicio{  } 

div.centro.inciiofor{max-width: 400px; margin:0px auto;    padding: 50px 25px;}
.inciiofor label{display: none}
.inciiofor a{    color: #fff; font-size: 12px; text-align: center; display: block;}
p.login-username input::placeholder,
p.login-password input::placeholder {color:#867e7e;}
p.login-username input,
p.login-password input
{       margin: 5px auto; display: table;padding: 5px 15px;color: #000;background: transparent;border: 1px solid  #00b7e8; font-size: 15px; font-family: 'Maven Pro';}
p.login-submit input{     background: #00b7e8;color: #fff;border: 0; padding: 5px 15px; text-transform: uppercase;font-size: 15px;font-weight: bold; margin: 0 auto;display: table;}

#wp-admin-bar-search,
#wp-admin-bar-wp-logo,
#wp-admin-bar-new-content,
#wp-admin-bar-comments,
#wp-admin-bar-customize,
#wp-admin-bar-site-name .ab-sub-wrapper
{display: none!important;}


.flex{display: flex;flex-wrap: wrap;align-items: flex-start; }
.flex .cflex{width: auto;margin: 0px 0%; padding: 5px 0%;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}

.flex.flex1  { border-bottom: 2px solid #eee;}
.flex.flex1 .cflex{  width: 100%;padding-left: 0%;}

.flex.flex2 .cflex{  width: 18%;}
.flex.flex2 .cflex:nth-of-type(2n+1){width: 58%;padding-left: 2%;}
.flex.flex2 .cflex:nth-of-type(2n+2){padding-left: 2%; } 

.flex.flex3 .cflex{  width: 18%;}
.flex.flex3 .cflex:nth-of-type(3n+1){width: 58%;padding-left: 2%;}
.flex.flex3 .cflex:nth-of-type(3n+2){padding-left: 2%; padding-right: 2%;}
.flex.flex3 .cflex:nth-of-type(3n+3){}

.flex.flex4  { border-bottom: 2px solid #eee;}
.flex.flex4 .cflex{width: 11%;}
.flex.flex4 .cflex:nth-of-type(4n+1){width: 50%;padding-left: 2%;}
.flex.flex4 .cflex:nth-of-type(4n+2){padding-left: 2%; padding-right: 2%;width: 19%;}
.flex.flex4 .cflex:nth-of-type(4n+3){padding-right: 2%;}
.flex.flex4 .cflex:nth-of-type(4n+4){}
.flex.flex5 { border-bottom: 2px solid #eee;}
.flex.flex5 .cflex{width: 8%;}
.flex.flex5 .cflex:nth-of-type(5n+1){width: 46%;padding-left: 2%;}
.flex.flex5 .cflex:nth-of-type(5n+2){padding-left: 2%; padding-right: 2%;width: 19%;}
.flex.flex5 .cflex:nth-of-type(5n+3){padding-right: 2%;}
.flex.flex5 .cflex:nth-of-type(5n+4){padding-right: 2%;}
.flex.flex5 .cflex:nth-of-type(5n+5){}
.flex .cflex{     }
.flex.headerca .cflex{ background: #00b7e8; color: #fff; text-transform: uppercase; font-weight: bold; padding-top: 15px;  margin-top: 20px; padding-bottom: 15px;}


.izq,
.dch{width: 46%;}
.izq{float:left;}
.dch{float:right;}

.pantalla1 ul{padding: 0;list-style: none;margin: 0 0;}
.pantalla1 ul li{padding-bottom: 5px;    line-height: 1.3;}
.pantalla1 ul li a{    display: block;text-decoration: none;border-bottom: 1px solid #d0d0d0;line-height: 1.7;}
.pantalla1 ul li a:hover{      color: #00b7e8;}
.pantalla1 .izq{   }
.pantalla1 .dch{ }

.menucompra h3,
.contenidousuarioizq h3,
.pantalla1 .izq h3,
.pantalla1 .dch h3{    margin-bottom: 13px;position: relative;text-transform: capitalize;font-weight: 600;}
 
.menucompra h3:after,
.contenidousuarioizq h3:after,
.pantalla1 .izq h3:after,
.pantalla1 .dch h3:after{ position: absolute;content: '';display: block;width: 100%;height: 2px;background: #2d2b6f;bottom: -5px;} 
.pantalla1 .dch h3:after{ background: #bd2d35;} 
.pantalla1 .izq h3:before,
.pantalla1 .dch h3:before{ background-image: url('images/icono cuenta.png'); content:'';     display: block;width: 25px;height: 25px;background-size: cover;position: absolute;right: 0;top: 0;}
.pantalla1 .dch h3:before{ background-image: url('images/icono editar.png'); }ttom: 13px;position: relative;text-transform: capitalize;font-weight: 600;}


span.useries{cursor: pointer;}
span.useries span.hover{    display: none;    background: #eee; padding: 5px 15px; position: absolute; color: #000;}
span.useries span.hover div{     }
span.useries span.hover div a{   
    color: #000;
    width: 120px;
    height: auto;
    padding: 0 0 15px;
    font-size: 12px;} 
span.useries:hover span.hover{    display: block;}

.usuarios-list a.paraico{    display: inline-block; width: 25px; background-position: center; background-size: cover; height: 25px; margin-right: 5px; position: relative; top: 6px;}
.listadoucompleto .usuarios-list a.archivo, 
.listadoucompleto .usuarios-list a.enlace{}
.usuarios-list a.archivo{background-image: url('images/icono documento.png');}
.usuarios-list a.enlace{background-image: url('images/icono link.png');}

.menucompra{float:left; width: 30%;}  
.contenidousuarioizq{float:right; width: 65%;}  

span.fecha {color: #afb0b3;float: right;padding-top: 14px;font-size: 12px;}

@media (max-width: 1200px) { 
    div.centro{    width: 94%;} 
    .menuad2 a span {padding: 9px 2%;    font-size: 13px;}
}
@media (max-width: 900px) {  
    .submenu2 a{    width: 28.33%; margin-top: 0;}
    .menuad2 a{    width: 31.33%; }
    
    
    .pantalla1 .izq{     padding-left: 2%; width: 48%;}
    .pantalla1 .dch{     width: 48%;padding-right: 2%;}
    
}
@media (max-width: 700px) {  
    .menuad2 a{width: 48%;  margin: 1%;}
    .submenu2 a{ width: 28.33%; margin: 6px 1%; padding: 15px 1%;font-size: 12px;}
    .usuarios-list{position: relative; top: 15px;}
}
@media (max-width: 620px) { 
    .pantalla1 .izq,
    .pantalla1 .dch{     width: 98%;padding-right: 0%;padding-left: 2%;float: none; }
    .menuad1 a{width: 48%;    margin-bottom: 0;}
}
@media (max-width: 505px) { 
    .submenu2 a{    width: 44%;}
}
@media (max-width: 447px) { 
    .paginainicio{    padding: 90px 0;}
    div.centro.inciiofor {padding: 50px 0;}   
}

@media (max-width: 430px) { 
    .menuad1 a { width: 98%;}
}