/*
COLORES
GRIS OSCURO: #333333
GRIS MEDIO: #4d4d4d
GRIS CLARO: #e6e6e6
ROJO: #c90016

*/
/* GLOBAL */
/* *************************************************** */
body
{
        
		background-color:#FFF;
        font-family: 'Roboto', sans-serif;
		font-weight:300;
        color:#666666;
		background-image:url(../images/fondonav.png);
		background-repeat:repeat-y;
		background-attachment:fixed;
		font-size:14px;
		
}

h1 {
	font-size:20px;
}

input
{
        font-family: 'Roboto', sans-serif;;
        padding: 4px;
        outline: 0;
        border-radius:5px;
}

input[type=submit]
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #F3EFED;
        color: #666666;
}
select
{
		font-family: 'Roboto', sans-serif;;
        font-size:12px;
        padding: 4px;
        outline: 0;
        border-radius:5px;
		border:1px #4d4d4d solid;
		box-shadow: none;
        background: #FFF;

}
input[type="text"]
{
display:block;
border:1px #4d4d4d solid;
}
input[type="password"]
{
display:block;
border:1px #4d4d4d solid;
}
textarea
{
	display:block;
		border:1px #4d4d4d solid;
        font-family: 'Roboto', sans-serif;;
        font-size:16px;
        padding: 4px;
        outline: 0;
        border-radius:5px;
		height:100px;
		margin-bottom:15px;
}

p
{
        margin:5px 0;
        line-height:22px;
		font-size:13px;
}

a, a:link, a:visited
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

a:hover
{
        color: #c90016;
}
p strong
{
        font-weight:700;
}



hr
{
        background-color: #D6D0C1;
        border:0;
        height:1px;
        margin:20px 0;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}


/* *************************************************** */
/* HEADER */
/* *************************************************** */

#contenedor_header{
	background:#333;
	border-bottom:#c90016 10px solid;
}
h1#logo {
        font-size:22px;
        color: #444;
		padding:35px 25px;
		font-weight:400;
}

header
{
        position:relative;
        width:auto;
        max-width:900px;
        margin: 0 auto 0px auto;
}

 
h2
{
        padding:3px 25px;
		font-weight:700;
}

header p
{
        font-family: 'Roboto', sans-serif;;
        font-size:16px;
        color: #4A463B;
        margin-left:132px;
}

nav
{
        position:fixed;
        left:0;
        top:0px;
		width:240px;
		background-color:#F3EFED;
		z-index:1000;
		height:700px;
		}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        padding:3px 25px;
}
nav ul li:last-child
{
	padding-bottom:15px;
}
nav ul ul li
{
        padding:3px 35px;
}

nav ul li a:link, nav ul li a:visited 
{
        font-family: 'Roboto', sans-serif;
		font-weight:300;
        /*text-transform:uppercase;*/
        transition: all .25s ease;
		color:#444444;
}

nav ul li a:hover, nav ul li a:focus, nav ul li a.activo
{
        color:#c90016;
}



/* *************************************************** */
/* CONTENIDO GENERAL */
/* *************************************************** */


.linea-div-top{
	padding-top:5px;
	margin-top:10px;
	border-top:#a1a1a1 1px solid;
}
#contenido {
	width:3000px;
	padding: 90px 40px 0 300px;
	
}
#contenido2 {
	width:50%;
	padding: 90px 0 0 300px;
	max-width:700px;
	
}
.textWrap{
	float:right;
	padding-left:20px;
	padding-bottom: 10px;
}
p {
	font-weight:300;
	
}
strong {
	font-weight:700;
	
}
.obra {
	padding-right:60px;
}
.detalle {
	
	padding-right:60px;
	margin-right:60px;
	border-right: 4px solid #ededed;
}


/* *************************************************** */
/* TABLES */
/* *************************************************** */

.tabla thead {
	    background-color:#333333;
		font-family: 'Roboto', sans-serif;;
		line-height:35px;
		color: #FFF;
        font-size:13px;
        margin-bottom:10px;
}
.tabla tbody td {
		font-family: 'Roboto', sans-serif;;
		line-height:30px;
		color: #333333;
    font-size:14px;
		text-align:center;
		padding:0px 10px 0px 10px;
}

.tabla tbody tr:nth-child(even) {background: #e6e6e6}
.tabla tbody tr:nth-child(odd) {background: #FFF}

.tabla tfoot td {
		font-family: 'Roboto', sans-serif;;
		line-height:25px;
		color: #333333;
    font-size:12px;
		text-align:center;
}



/* *************************************************** */
/* FORMS */
/* *************************************************** */

.margin15 {
	margin:15px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Cargar fotos';
        padding:7px 14px;
		line-height:40px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #E56038 0%, #c90016 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #c90016 100%);
        background-color: #c90016;
        color: #EBE8DE;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.custom-file-input:hover::before {
  background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#buscador
{
	background-color:#e6e6e6;
	margin:15px;
	padding:15px 15px 15px 100px;
	height:auto;
	background-image: url(../img/lupa-search.png);
	background-repeat:no-repeat;
	background-position: 15px 15px;;
	
}

#buscador #tituloForm
{
	border-bottom: 1px #CCC solid;

}
#buscador #filaUnoForm
{
	border-bottom: 1px #CCC solid;

}
#buscador div
{
	margin-right:10px;
	line-height:40px;
}
#buscador div img
{
	margin-top:5px;
}
#buscador input[type="text"]
{
	width:100%;
	margin-top:5px;
}


#browse {
	padding:10px;
	width:560px;
}
#fotos-cargadas {
	padding:8px;
	width:564px;
	
}
#fotos-cargadas-report {
	background-color:#e6e6e6;
}

#foto-cargada div{
	float:left;
	margin:3px ;
}
#foto-cargada .foto{
	border:#FFF 5px solid;
}
input.input-calendario {
	background-image:url(../img/icono-calendario.png);
	background-repeat:no-repeat;
	background-position: 5px 0px;
	padding-left:30px;
}

/* *************************************************** */
/* BUTTONS */
/* *************************************************** */

.button
{
        padding:7px 14px;
		line-height:40px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #E56038 0%, #c90016 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #c90016 100%);
        background-color: #c90016;
        color: #EBE8DE;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:link, .button:visited 
{
      
        color: #FFF;
}


.button:hover, .button:focus 
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}




/* *************************************************** */
/* FOOTER */
/* *************************************************** */

footer
{

}



/* *************************************************** */
/* MISC */
/* *************************************************** */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}
/* *************************************************** */
/* SKIPLINK */
/* *************************************************** */
.go-top {
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover {
        background-color: rgba(0, 0, 0, 0.6);
}

/* *************************************************** */
/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
/* *************************************************** */

@media (max-width: 1215px)
{
  
  
}

@media (max-width: 915px)
{
       .destacado {

	width:40%;
}
	   #userlinks
{
	 			float: none;
                margin: 0px auto 0 auto;
                width: 65%;
}
	
}

@media (max-width: 765px)
{
	
}
        .container
        {
                height:1px;
                top: -1500px;
        }
        header
        {
                height:130px;
        }
		
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -230px;
        }
     
        footer
        {
                padding-bottom:70px;
                height: auto;
        }
   
}

@media (max-width: 500px)
{



     
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
        }
        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 0 auto 15px auto;
                max-width:300px;
        }
        input
        {
                width:auto;
        }
        #alternative_menu
        {
                display:block;
				margin-bottom:20px;
        }
        header nav
        {
                display:none;
        }
        header h1
        {
                font-size:40px;
        }
        header p
        {
                margin-left: 60px;
                font-size:14px;
        }
}