/*  
Base.css
Archivo que contiene atributos básicos para ser utilizados en los demás temas y estilos
-------------------------------------------------------
Autor
-------------------------------------------------------
Dailyscript - Web | App | Media 
Iván D. Meléndez (ivan.melendez@dailycript.com.co)
Copyright (c) 2012 Dailyscript Team (http://www.dailyscript.com.co)
-------------------------------------------------------
License
-------------------------------------------------------
• New BSD License
-------------------------------------------------------
*/

/*----- Formato para los enlaces -----*/
a { text-decoration:none; }
a:hover { text-decoration: none; }

/*----- Margin y padding -----*/
.dw-mg-center { margin: 0 auto !important;}
.dw-pd-left {padding-left: 1% !important;}
.dw-pd-right {padding-right: 1% !important;}

/*----- Formato del texto -----*/
.dw-text-minimal { font-size:  9px !important;}
.dw-text-small { font-size:  10px !important;}
.dw-text-medium { font-size: 11px !important;}
.dw-text-normal { font-size: 12px !important;}
.dw-text-large { font-size: 13px !important;}
.dw-text-extra { font-size: 14px !important;}
.dw-text-center { text-align: center !important;}
.dw-text-left { text-align: left;}
.dw-text-right { text-align: right;}
.dw-text-justify { text-align: justify;}
.dw-text-bold { font-weight: bold; }
.dw-text-middle { vertical-align: middle !important;}

/*----- Formato para los dialogos -----*/
.dw-dialog { font-size: 1.1em;}
.dw-dialog span.ui-icon{ display:block !important; float:left !important; margin: 0 7px 18px 0;}
.dw-dialog a { font-weight: normal;}
.dw-dialog div#dw-show-content { font-size: 0.8em !important; padding-bottom: 0 !important; margin-bottom: 0px !important;}

/*----- Sombras -----*/
.dw-shadow-dark{ box-shadow: rgba(200,200,200,1) 2px 2px 8px;-moz-box-shadow: rgba(200,200,200,1) 2px 2px 8px;-webkit-box-shadow: rgba(200,200,200,1) 2px 2px 8px;-khtml-box-shadow: rgba(200,200,200,1) 2px 2px 8px;}
/* Texto */
.dw-text-shadow { text-shadow: #fff 0px 1px 0px; }
.dw-text-shadow-dark { text-shadow: #0c0c0c 0px 1px 0px; }
.dw-text-shadow-light { text-shadow: #ccc 0px 1px 0px; }

/*----- Transision -----*/
.dw-transition { transition: background-color 350ms ease-out; -webkit-transition: background-color 350ms ease-out; -moz-transition: background-color 350ms ease-out; -o-transition: background-color 350ms ease-out; }

/*----- Opacidad -----*/
.dw-opacity { opacity: 0.3;}

/*----- Blur -----*/
.dw-blur { color: transparent; text-shadow: 0 0 4px #454545; -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=2)"; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2); }

/*----- Corner medium -----*/
.dw-corner-tl { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; }
.dw-corner-tr { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.dw-corner-bl { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
.dw-corner-br { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }
.dw-corner-top { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.dw-corner-bottom { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }
.dw-corner-right {  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }
.dw-corner-left { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
.dw-corner-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/*----- Corner max -----*/
.dw-corner-max-tl { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; }
.dw-corner-max-tr { -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; }
.dw-corner-max-bl { -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; }
.dw-corner-max-br { -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; }
.dw-corner-max-top { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; }
.dw-corner-max-bottom { -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; }
.dw-corner-max-right {  -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; }
.dw-corner-max-left { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; }
.dw-corner-max-all { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

/*----- Utils -----*/
.dw-cursor-pointer { cursor: pointer !important;}

/*----- Menú -----*/
.main-nav-wrapper .navbar-fixed-top { top: 40px !important; z-index: 1020; }
.navbar-fixed-top { margin-bottom: 0 !important; }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent !important; }
.main-nav li.active a { background-image:none; background-position: center bottom; background-repeat: no-repeat; background-color: transparent; }
.main-nav li i { font-size: 22px; vertical-align: middle; }
.main-nav li.main-nav-arrow a { background-position: center bottom; background-repeat: no-repeat;  }
.subnav { left: 0; right: 0; position: fixed; top: 80px; z-index: 1021; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; margin-bottom: 0; width: 100%; height: 36px; margin-top: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.subnav .nav { margin-bottom: 0; }
.subnav .nav > li > a { color: #369BD7; margin: 0; padding-top: 11px; padding-bottom: 10px; border-left: 1px solid #f5f5f5; border-right: 1px solid #e5e5e5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.subnav .nav > li > a > i { color: #555555; }
.subnav .nav > li > a:hover { text-decoration: none; background-color: #f5f5f5; color: #FF9900 !important; }
.subnav .nav > .active > a, .subnav .nav > .active > a:hover { padding-left: 13px; color: #2071A1; background-color: inherit; border-right-color: #ddd; border-left: 0; font-weight: bold; }
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover { border-left: 0; padding-left: 12px; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; }
.subnav .nav > li:last-child > a { border-right: 0; }
.subnav .dropdown-menu { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px; }

/*----- Responsive -----*/
@media (min-width: 768px) and (max-width: 979px) {
    body { padding-top: 0px !important; }
    .main-nav-wrapper { width: 100%; margin-left: 0; margin-right: 0; }   
    .subnav { position: static; top: auto !important; }
    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .main-nav .btn-group { margin-top: 18px; }
}

@media (min-width: 980px) {
    body, #dw-loading-content { padding-top: 110px !important; }    
    .main-nav-wrapper { width: 100%; margin-left: 0; margin-right: 0; }    
    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .main-nav .btn-group { margin-top: 18px; }
}

@media (max-width: 1020px) {        
    .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none !important; }
    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { color: #999 !important; }
    .nav-collapse .nav > li .active a { color: #fff !important; }    
}

footer.navbar-inner { min-height: 20px !important; }
footer.navbar-inner  p { margin: 3px 0px !important; font-size: 12px;  }

/* Round Corners 3px
----------------------------------------------------------------------------------------------------*/
.round-all { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.round-top { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-radius: 3px 3px 0 0; }
.round-bottom { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-radius: 0 0 3px 3px; }
.round-left { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-radius: 3px 0 0 3px; }
.round-right { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-radius:0 3px 3px 0; }

@media print {                
    footer, .btn, .navbar, #dw-console, #dw-loading-content, #dw-spinner, a { 
        visibility:hidden;
        display: none;
    }
    body, #dw-shell-content  { font-size: 9px !important}
}