/* 
    Document   : styles
    Created on : 12-feb-2014, 20:46:03
    Author     : Redneckman
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body, html {height: 100%;}

header {}

    header img.Icono {border-bottom: 2px solid transparent; margin: 53px 0 0 0;}
    header img.Icono:hover {border-bottom: 2px solid #74c52c; cursor: pointer;}
    header img.Logotipo {margin-top: 21px;}
    header li {display: inline; text-align: center;}
    header ul {margin: 0; padding: 0; text-align: right;}
    
#Slider {background-color: #e7e7e7; background-image: url('../img/Slider.Fondo.jpg'); background-repeat: no-repeat; border-bottom: 5px solid #74c52c; border-top: 2px solid #bbb; margin-top: -2px;}

    #Slider div.flexslider {background-color: transparent; margin: 23px 0 23px 0;}
    #Slider div.TextoSlider {background-color: rgba(0,0,0,0.6); border-radius: 3px; display: block; height: 90px; margin-left: 20px; -moz-border-radius: 3px; padding: 10px; position: absolute; text-align: right; top: 20px; -webkit-border-radius: 3px; width: 200px;}
    #Slider img.Foto {border: 2px solid #bbb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    #Slider img.Subtitulo {margin: 10px 0 0 20px;}
    #Slider img.Ubicacion {float: left; height: 32px; margin: 15px 10px 0 0; width: 24px;}
    #Slider p.Direccion {color: #5a5a5a; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 300; margin: 0;}
    #Slider p.Nombre {color: #5a5a5a; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 400; margin: 12px 0 0 0; text-transform: uppercase;}
    #Slider p.Titulo {font-family: 'Special Elite', sans-serif; font-size: 40px; font-weight: 400; line-height: 35px;}
    
#Miniaturas {margin-top: 30px;}

    #Miniaturas div.Miniatura {border: 1px solid transparent; border-radius: 3px; float: left; -moz-border-radius: 3px; padding: 25px; -webkit-border-radius: 3px;}
    #Miniaturas div.Miniatura:first-child {margin-right: 30px;}
    #Miniaturas div.Miniatura:hover {background-color: #fafafa; border: 1px solid #74c52c; cursor: pointer;}
    #Miniaturas div.Miniatura:last-child {margin-left: 30px;}
    #Miniaturas img {float: left;}
    #Miniaturas p.Contenido {color: #555; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 300;  margin-left: 70px;}
    #Miniaturas p.Titulo {color: #74c52c; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; margin: 0 0 20px 70px;}
    
#Breadcrumb {background-color: #f3f3f3; border-bottom: 2px solid #e7e7e7; border-top: 2px solid #e7e7e7; padding-bottom: 8px; padding-top: 10px; margin-top: -2px;}

    #Breadcrumb img {float: left; padding-right: 10px;}
    #Breadcrumb p {color: #000; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; margin: 0; text-transform: uppercase;}
    
#Buscador {margin: 40px 0;}

    #Buscador #Formulario {background-color: #f3f3f3; border: 1px solid #bbb; border-radius: 5px; float: left; -moz-border-radius: 5px; padding: 14px 15px; -webkit-border-radius: 5px;}
        #Buscador #Formulario input,select {background-color: #fff; border: 0; color: #000 !important; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300; margin: 2px 0; outline: none; padding: 5px;}
        #Buscador #Formulario input {padding-left: 10px;}
    #Buscador #Envio {text-align: right;}
        #Buscador #Envio input.Enviar {background: no-repeat; background-color: transparent; background-image: url('../img/Icono.Buscar.png'); background-position: center center; border: 0; height: 64px; margin: 18px 0 0 0; width: 60px;}
        
#Resultados {}

    #Resultados #Cabecera {background-color: #ccc; border-bottom: 5px solid #fff; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase;}
    #Resultados #RegistroImpar, #RegistroPar {font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300;}
    #Resultados #RegistroImpar {background-color: #f3f3f3;}
    #Resultados #RegistroPar {background-color: #ddd;} 
    #Resultados div.Titulo, div.Autor, div.Fecha, div.Icono {float: left; padding: 5px 10px;}
    #Resultados div.Resumen {background-color: #ccc; border-top: 5px solid #fff; padding: 5px 10px;}
    #Resultados p.Resumen {color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; margin: 0;}
    
#Paginador {margin: 20px 0;}

    #Paginador a {border: 1px solid #74c52c; color: #000; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 400; padding: 5px 10px; margin: 0 10px;}
    #Paginador a:hover {text-decoration: none;}
    #Paginador a.Paginador:hover {cursor: pointer; background-color: rgba(116,197,44,0.3);}
    #Paginador a.NumeroPagina {background-color: rgba(116,197,44,0.3);}
    
#VerRegistro {padding-top: 50px;}

    #VerRegistro div.Campo {float: left; text-align: right; padding: 0 10px 0 0; width: 195px;}
    #VerRegistro div.Contenido {float: left; padding: 0 30px 0 0; width: 380px;}
    #VerRegistro p {font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 300;}
    #VerRegistro p.Campo {margin: 10px 0 0 0;}
    #VerRegistro p.Contenido {background-color: #ffffc0; margin: 5px 0; padding: 5px 10px;}

#NoMovil {text-align: center}
    #NoMovil img {margin: 0 0 20px 0;}
    #NoMovil p {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300;}
    
    
    /* #VerRegistro #Enviar {border-top: 1px dotted #000; margin-top: 10px; padding-top: 20px; text-align: center;}
    #VerRegistro input.Enviar {background-color: transparent; background-image: url('../img/Editar.Icono.Actualizar.png'); height: 50px; width: 67px;}
    #VerRegistro input.Medida1 {width: 300px;}
    #VerRegistro input.Medida2 {width: 60px;}
    #VerRegistro label {padding-right: 5px; text-align: right; width: 35%}
    #VerRegistro select {width: 125px;} */
    
    


        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
    #Login {display: table; height: 100%; margin: auto; width: 400px;}
    #Login #Contenedor {display: table-cell; vertical-align: middle;}
    #Login #Contenedor #Contenido {background-color: #f3f3f3; border: 2px solid #e7e7e7; border-radius: 3px; height: 265px; -moz-border-radius: 3px; padding: 50px 110px 0 110px; text-align: center; -webkit-border-radius: 3px;}
    #Login #Contenedor #Contenido input {background-image: url('../img/Login.Icono.Candado.png'); background-repeat: no-repeat; background-position: left center; border: 2px solid #e7e7e7; font-size: 20px; height: 40px; margin: 20px 0 0 0; outline: none; padding: 5px 10px 5px 60px; width: 100%;}
    #Login #Contenedor #Contenido p {color: Red; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 300; margin-top: 5px;}
    






#Busqueda {}
    #Busqueda table {border: 1px solid #aaaaaa; width: 100%;}
    #Busqueda table thead {background-color: #cccccc;}
    #Busqueda table thead th {font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700; padding: 10px; text-transform: uppercase;}
    #Busqueda table tbody tr:nth-child(2n+1) {background-color: #f9f9f9;}
    #Busqueda table tbody td {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; padding: 5px 10px;}
    #Busqueda table tbody td.Titulo {width: 618px;}
    #Busqueda table tbody td.Autor {width: 300px;}
    #Busqueda table tbody td.Fecha {width: 100px;}
    #Busqueda table tbody td.Iconos {width: 30px;}
        
    

        
/*

    
#Busqueda {margin-top: 40px;}
    #Busqueda a.Tooltip {display: inline; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; position: relative;}
    #Busqueda a.Tooltip:hover:after {background-color: #74c52c; border-radius: 2px; bottom: 26px; color: #fff; content: attr(title); left: -300%; padding: 5px 15px; position: absolute; text-align: center; width: 100px; z-index: 98;}
    #Busqueda a.Tooltip:hover:before {border: solid; border-color: #74c52c transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 10%; position: absolute; z-index: 99;}
    
    
    
    
    #Busqueda #Buscador {border: 1px solid #74c52c; margin: 0 0 20px 0; padding: 20px 10px;}
        #Busqueda #Buscador input {background-color: #f3f3f3; background-repeat: no-repeat; border: 0; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; outline: none; padding: 5px 5px 5px 30px;}
            #Busqueda #Buscador input.Autor {background-image: url('../img/Busqueda.Icono.Autor.png'); background-position: 5px center;}
            
            #Busqueda #Buscador input.Fecha {background-image: url('../img/Busqueda.Icono.Fecha.png'); background-position: 5px center;}
            #Busqueda #Buscador input.Titulo {background-image: url('../img/Busqueda.Icono.Titulo.png'); background-position: left center;}
    
    

*/
    
/* #Editar {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; padding: 20px 20px 0 20px;}
    #Editar input,select {background-color: #f3f3f3; border: 0; height: 30px; outline: none; padding: 5px 10px; width: 74%;}
    #Editar input.Boton {border: 1px solid #a9a9a9; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 700; height: auto; margin: 10px 0 0 0; padding: 10px 20px; text-transform: uppercase; width: auto;}
    #Editar label {font-weight: 300; padding-right: 10px; text-align: right; width: 25%;}
    /*
#Admin {}
    #Admin input,select {background-color: #f3f3f3; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; outline: none; padding: 3px 5px;}
    #Admin label {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; padding-right: 10px; text-align: right;}


    #Admin #Seccion {background-color: #74c52c; margin: 0; padding: 10px 0 9px 30px;}
        #Admin #Seccion img.IconoFlecha {cursor: pointer; float: left; margin-right: 20px;}
        #Admin #Seccion p.TituloSeccion {color: #fff; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; margin: 1px 0 0 0; padding: 0; text-transform: uppercase;}
    #Admin #Seccion1 {display: none; margin: 30px 20px;}
        */
/*
 * Admin.
 */

#BuscarRegistros {}
    #BuscarRegistros #Titulo {background-color: #74c52c; margin: 0; padding: 10px 0 9px 30px;}
        #BuscarRegistros #Titulo img.Flecha {cursor: pointer; float: left; margin-right: 20px;}
        #BuscarRegistros #Titulo p.Titulo {color: #fff; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; margin: 1px 0 0 0; padding: 0; text-transform: uppercase;}
    #BuscarRegistros #Seccion1 {display: none; margin: 30px 0;}
        #BuscarRegistros #Seccion1 #Enviar {border-top: 1px solid #c9c9c9; margin-top: 30px; padding-top: 20px; text-align: center;}
        #BuscarRegistros #Seccion1 div.Cabecera {background-color: #cccccc; float: left; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700; margin-top: 30px; text-transform: uppercase;}
        #BuscarRegistros #Seccion1 div.Registro1 {background-color: #f3f3f3; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300;}
        #BuscarRegistros #Seccion1 div.Registro2 {background-color: #f9f9f9; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300;}
            #BuscarRegistros #Seccion1 div.IdRegistro {float: left; padding: 5px 10px;}
            #BuscarRegistros #Seccion1 div.Titulo {float: left; padding: 5px 10px;}
            #BuscarRegistros #Seccion1 div.Autor {float: left; padding: 5px 10px;}
            #BuscarRegistros #Seccion1 div.Fecha {float: left; padding: 5px 10px;}
            #BuscarRegistros #Seccion1 div.Editar {float: left; padding: 5px 10px;}
        #BuscarRegistros #Seccion1 input.Enviar {background-color: transparent; background-image: url('../img/Icono.Buscar.png'); border: 0; height: 64px; padding: 0; width: 60px;}
        #BuscarRegistros #Seccion1 input.Registro {width: 50px !important;}
        
#InsertarRegistros {margin-top: 5px;}
    #InsertarRegistros #Titulo {background-color: #74c52c; margin: 0; padding: 10px 0 9px 30px;}
        #InsertarRegistros #Titulo img.Flecha {cursor: pointer; float: left; margin-right: 20px;}
        #InsertarRegistros #Titulo p.Titulo {color: #fff; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; margin: 1px 0 0 0; padding: 0; text-transform: uppercase;}
    #InsertarRegistros #Seccion2 {display: none; margin: 30px 0;}
        #InsertarRegistros #Seccion2 #Enviar {border-top: 1px dotted #000; margin-top: 20px; padding-top: 20px; text-align: center;}
        #InsertarRegistros #Seccion2 input.Enviar {background-color: transparent; background-image: url('../img/Icono.Insertar.png'); height: 64px; width: 60px;}
        #InsertarRegistros #Seccion2 input.Observaciones {margin-top: 2px; width: 100%;}
        
#EditarRegistros {padding-top: 15px;}
    #EditarRegistros #Enviar {border-top: 1px dotted #000; margin-top: 10px; padding-top: 20px; text-align: center;}
    #EditarRegistros input.Enviar {background-color: transparent; background-image: url('../img/Editar.Icono.Actualizar.png'); height: 50px; width: 67px;}
    #EditarRegistros input.Medida1 {width: 300px;}
    #EditarRegistros input.Medida2 {width: 60px;}
    #EditarRegistros label {padding-right: 5px; text-align: right; width: 35%}
    #EditarRegistros select {width: 125px;}
        
/*
 * Elementos comunes.
 */


/* Formularios */
/*
input {background-color: #f3f3f3; border: 0; color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300; height: 30px; outline: none; padding: 3px 5px 3px 10px;}
select {background-color: #f3f3f3; border: 0; color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300; height: 30px; outline: none; padding: 3px 5px;}
label {background-color: transparent; color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300; height: 30px;}

*/

        
/*
 * Extra small devices (xs).
 */
        
@media (max-width: 767px) {
    
    #Admin #Seccion1 input {width: 49%;}
    #Admin #Seccion1 label {width: 49%;}
    #Admin #Seccion1 select {width: 49%;}
    
}

/*
 * Small devices (sm).
 */

@media (min-width: 768px) and (max-width: 991px) {
    
    #Slider p.Titulo {margin: 70px 0 0 0;}
    
    #Miniaturas div.Miniatura {width: 220px;}
    
    #Buscador #Formulario input,select {width: 144px !important;}
    
    #Resultados div.Titulo {width: 261px;}
    #Resultados div.Autor {width: 261px;}
    #Resultados div.Fecha {width: 90px;}
    #Resultados div.Icono {width: 36px;}

    #BuscarRegistros #Seccion1 div.IdRegistro {width: 100px;}
    #BuscarRegistros #Seccion1 div.Titulo {width: 284px;}
    #BuscarRegistros #Seccion1 div.Autor {width: 200px;}
    #BuscarRegistros #Seccion1 div.Fecha {width: 100px;}
    #BuscarRegistros #Seccion1 div.Editar {width: 36px;}
    
    #Seccion1 input,select {width: 24.57%;}
    #Seccion2 input,select {width: 24.57%;}
    
}

/*
 * Medium devices (md).
 */

@media (min-width: 992px) and (max-width: 1199px) {
    
    #Slider p.Titulo {margin: 100px 0 0 0;}
    
    #Miniaturas div.Miniatura {width: 290px;}
    
    #Buscador #Formulario input,select {width: 199px !important;}
    
    #Resultados div.Titulo {width: 371px;}
    #Resultados div.Autor {width: 371px;}
    #Resultados div.Fecha {width: 90px;}
    #Resultados div.Icono {width: 36px;}

    #BuscarRegistros #Seccion1 div.IdRegistro {width: 100px;}
    #BuscarRegistros #Seccion1 div.Titulo {width: 401px;}
    #BuscarRegistros #Seccion1 div.Autor {width: 302px;}
    #BuscarRegistros #Seccion1 div.Fecha {width: 100px;}
    #BuscarRegistros #Seccion1 div.Editar {width: 36px;}
    
    #Seccion1 input,select {width: 24.681%;}
    #Seccion2 input,select {width: 24.681%;}
    
}

/*
 * Large devices (lg).
 */

@media (min-width: 1200px) {
    
    #Slider p.Titulo {margin: 130px 0 0 0;}
    
    #Miniaturas div.Miniatura {width: 360px;}
    
    #Buscador #Formulario input,select {width: 249px !important;}
    
    #Resultados div.Titulo {width: 471px;}
    #Resultados div.Autor {width: 471px;}
    #Resultados div.Fecha {width: 90px;}
    #Resultados div.Icono {width: 36px;}

    #BuscarRegistros #Seccion1 div.IdRegistro {width: 100px;}
    #BuscarRegistros #Seccion1 div.Titulo {width: 502px;}
    #BuscarRegistros #Seccion1 div.Autor {width: 402px;}
    #BuscarRegistros #Seccion1 div.Fecha {width: 100px;}
    #BuscarRegistros #Seccion1 div.Editar {width: 36px;}

    #Seccion1 input,select {width: 24.737%;}
    #Seccion2 input,select {width: 24.737%;}
       
}