/******** General ********/

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    }


BODY { 
    font-family: 'Roboto', sans-serif;
    background-color: #962225; 	
    font-size: 0.8em;
    line-height:14px;
    margin:0px 0px 0px 0px;
    color:#706962;
    text-align: left;
    }

	
img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

ul{
    margin:0px;
    padding:0px;
    }
li{
    list-style-type:none;
    padding:0px;
    margin:0px;
    }


/******** Enlaces ********/
a {
	color:#000000;
	text-decoration: underline;
}

a:hover{
	color: #6b415a;
	text-decoration: underline;

}


/******** Enlaces y parrafo ********/
h1 {
	display:none;
	}

h2 {
	font-size: 1.1em;
	font-family:  Arial, Trebuchet MS,  Helvetica, sans-serif;
	padding: 10px 0px 4px 0px;
	margin: 0px;
	clear:both;
	color:#6b415a;
	font-weight:400;
	}
	
h3 {
	font-size: 1.7em;
	font-family:  Arial, Trebuchet MS,  Helvetica, sans-serif;
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
	color:#bebeb6;
	font-weight:400;
	}
	

h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: left;
	padding:4px 0px 4px 0px;
	margin:20px 0px 10px 0px;
	color:#6d6b66;
	border-bottom: 1px solid #e2e2ce;
	}

h5 {
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:900;
	text-align: center;
	padding:2px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	color:#ffffff;
	background-color:#cc0000;
	}
	
h6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: left;
	padding:4px 0px 4px 0px;
	margin:20px 0px 10px 0px;
	color:#6d6b66;
	border-bottom: 1px solid #e2e2ce;
	}
        
/******** Capas principales ********/
#contenedor{ 
	display: table;
        height: 100%;
        width: 100%;
        margin: 0;
	}
	
#central{ 
        display: table-cell;
        vertical-align: middle;
        position: relative;
	}
	

#contenido{ 
	height: 340px;
        padding: 40px 0px 0px 0px;
	text-align:center;
	clear:both;
        background-color: #fff;
	}
        
#centradohori{ 
        width:841px;
        margin: auto;
	}
	
#izquierda{ 
	width: 380px;
	padding: 60px 0px 0px 0px;
	text-align:left;
	float:left;
	}
        
#izquierda > .logo { float: left; padding: 0px;}
#izquierda > .texto { text-align: left; line-height: 16px; float: left; padding-top: 20px;}
#izquierda > .banderas { text-align: left; line-height: 16px; float: left; padding-top: 20px;}

#izquierda > .banderas ul { margin: 0px; padding: 0px; float:right;}	
#izquierda > .banderas li { width: 20px; margin: 0px; float:left; padding: 0px; text-align:left; display:inline; list-style: none;}	
#izquierda > .banderas li a{ padding: 0px;}
#izquierda > .banderas li a:hover{ padding: 0px;}

#raya{ 
	width: 1px;
        height: 300px;
	padding: 0px;
	margin: 0px 40px 0px 40px;
	text-align:left;
	float:left;
        background-color: #962225;
	}

#derecha{ 
        width: 380px;
	padding: 60px 0px 0px 0px;
	text-align:left;
	float:left;
 	}
	
.txtfor { color: #962225; font-size: 1.4em; margin-bottom: 3px;}
.recuperar { color: #962225; font-size: 1.2em; padding: 0px 0px 0px 20px; text-decoration: underline; background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 7px;}


/******** Formulario ********/
form{
margin: 0px;
padding: 0px 0px 0px 0px;
	}
	
fieldset {
	border: 1px solid #c1bfbf;
	}

input {
	background-color:#f8f8f8;
	padding: 6px; 
	cursor:pointer; 
	background-position:95px 8px;
	background-repeat:no-repeat;  
	border-radius: 5px; 
	border: #e4e7e9 solid 1px; 
	box-sizing: border-box; 
	-moz-box-shadow: inset 0 2px 5px -2px #ddd; 
	-webkit-box-shadow: inset 0 2px 5px -2px #ddd; 
	box-shadow: inset 0 2px 5px -2px #ddd;
	}
	

	
input[type="text"] {width: 260px;}

input[type="password"] {width: 260px;}
	
select {
	width: 237px;
	background-color:#f8f8f8;
	padding: 8px; 
	cursor:pointer; 
	background-position:95px 8px;
	background-repeat:no-repeat;  
	border-radius: 5px; 
	border: #e4e7e9 solid 1px; 
	box-sizing: border-box; 
	-moz-box-shadow: inset 0 2px 5px -2px #ddd; 
	-webkit-box-shadow: inset 0 2px 5px -2px #ddd; 
	box-shadow: inset 0 2px 5px -2px #ddd;
	}
	
textarea{
    background-color:#f8f8f8;
	padding: 8px; 
	cursor:pointer; 
	background-position:95px 8px;
	background-repeat:no-repeat;  
	border-radius: 5px; 
	border: #e4e7e9 solid 1px; 
	box-sizing: border-box; 
	-moz-box-shadow: inset 0 2px 5px -2px #ddd; 
	-webkit-box-shadow: inset 0 2px 5px -2px #ddd; 
	box-shadow: inset 0 2px 5px -2px #ddd;
	} 		
	
.botonformu{
	font-family: 'Roboto', sans-serif; 
	font-size: 1.0em;
	color: #fff;
	background-color:#9b9b9b;
	border: 1px solid #9b9b9b;
	padding: 3px 15px 3px 15px;
	margin: auto;
	text-decoration: none;
	cursor:pointer;
        transition: all 0.5s ease;
	}
	
.botonformu:hover{
	font-family: 'Roboto', sans-serif; 
	font-size: 1.0em;
	color: #fff;
	background-color:#92282c;
	border: 1px solid #92282c;
	padding: 3px 15px 3px 15px;
	margin: auto;
	text-decoration: none;
	cursor:pointer;
	}


        
	
/******** Parrafos ********/
.cierre{ padding: 0px 0px 0px 0px; margin:auto; clear:both;}

p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	line-height:14px;
	}

#old-browsers {
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px;
	background-color: #fdf2ab;
	border-bottom: 1px solid #a29330;
	color: #000;
}