@charset "iso-8859-1";

body {
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:200;
    background-color: #FFF;
    color: #000066;
    line-height: 1;
    margin: 0 0;
    overflow-y: scroll;
	text-align:center;
}
a:link {text-decoration:none; color:#000066;}
a:active {text-decoration:none; color:#000066;}
a:hover {text-decoration:none; color:#000066;}
a:visited {text-decoration:none; color:#000066;}

.titulo {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.numeros {
font-family: 'Paytone One', sans serif;
font-size:32px;
font-weight:400;
color:#000066;
text-shadow: -1px 0 #FFF, 1px 0 #FFF, 0 1px #FFF, 0 -1px #FFF;
}
#centrar {
	align-content:center;	
}

#figu {
font-size:14px;
width:100px;
height:133px;
float:left;
padding:0px;
margin: 10px 2px;

}

#figu div.numeros {
text-align:center;
position: absolute;
line-height: 60px;
width:80px;
margin:45px 10px 0 10px;

}

#figu:hover {
cursor:pointer;
}

#cabecera{
position:absolute;
background-color:#cccccc;
padding:10px;
width:720px;
height:auto;
vertical-align:bottom;
display:none;
z-index:100;
}

#cabecera_v{
position:absolute;
background-color:#cccccc;
padding:10px;
width:720px;
height:240px;
vertical-align:bottom;
display:none;
z-index:100;
}

#titulo {
height:80px;
background-color:#00A99D;
font-family: 'Convergence', sans serif;
font-size: 16px;
color:#FFF;
}
#titulo2 {
width:100%;
height:80px;
background-color:#00A99D;
font-family: 'Convergence', sans serif;
font-size: 16px;
color:#FFF;
}
#frase {
position:relative;
height:60px;
width:400px;
margin:-20 0 0 150;
color:#FFF;
}
#contenido {
left:270px;
margin:0 0 0 300px;
width:100% - 270px ;
line-height:20px;
font-size:12px;
font-weight:400;
}

#contenedor {
padding:20px;
font-size:16px;
font-weight:400;
}


.tabla {
border:1px;
border-color:#FFFFFF;
border-style:solid;
font-family:'Roboto', sans-serif;
font-size:14px;
font-weight:400;
padding:3px;
background-color:#00A99D;
color:#FFF;
}

.tabla a {
color:#FFF;
}

.tabla div:hover {
cursor:pointer;
}

.tabla2 {
border:1px;
border-color:#FFFFFF;
border-style:solid;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:3px;
background-color: #000099;
}
#form {
position:absolute;
height:100%;
width:270px;
border-right:thin solid #CCCCCC;
}

#log {
position:relative;
height:100px;
width:270px;
}

.menu2 {

border-bottom:groove 1px;

}

.menu2:hover {
background-color: #00A99D;
color:#FFFFFF;

}

.menu2 a:hover {
color:#FFFFFF;
}

.menu_lat {
padding:10px;
width:230px;
}

#form2 {
position:absolute;
height:100%;
width:100%-270px;


}
#loader {
display:none;	
vertical-align:middle;
position:absolute;
top:50%;
width:100%;
height:50px;
background-image:url(../imagenes/trans.png);
background-repeat:repeat-x;
}
#centro {
position:absolute;
height:20px;
width:300px;
top:50%;
left:50%;
margin:25 0 0 -63px;
}
#nuevo {
	padding-top:20px;
	position:absolute;
	height:450px;
	width:500px;
	left:50%;
	margin:0 0 0 -170px;
}

#nuevo2 {
	padding-top:20px;
	position:absolute;
	height:450px;
	left:50%;
	width:300px;
	margin:0 0 0 -15px;
}

#perfil {
	padding-top:20px;
	position:absolute;
	height:450px;
	left:270;
	width:700px;
	z-index:0;
	}
	
#registro {
position:relative;
top:120px;
}



input {
color:grey;
text-align:center;
font-size:14px;
padding:10px;

}

select {
color:red;
size:300;
height:40px;
text-align:center;
font-size:14px;
}

.input2 input{
color: #333333;
height:25px;
text-align:center;
font-size:14px;
}

#boton {
background-color:#000066;
border:none;
width:100px;
color:#FFF;
font-family:'Roboto', sans serif;
font-weight:400;
font-size:14px;
}

#boton:hover {
background-color:#00A99D;
border:none;
}

input .cuadro {
height:30px;
font-size:14px;
}
.resultados {
border-bottom-style:dotted;
border-bottom-width:thin;
height:40px;
background-color: #FFFFFF;
color:#000066;
padding:10px;
font-size:14px;
}
.resultados_top {

background-color:#000066;
height:40px;
padding:10px;
color:#FFFFFF;
font-size:14px;
}

#mensaje {
background-image:url(../imagenes/fondo.png);
position:absolute;
height:100px;
width:900px;
top:50%;
left:50%;
margin:-100 0 0 -450;
vertical-align:middle;
display:block;
padding:60 10 10 10;
}
#exit {
position:absolute;
top:10px;
right:10px;
}
.resultados_r {
border-bottom-style:dotted;
border-bottom-width:thin;
height:40px;
background-color:#00A99D;
color:#FFFFFF;
padding:10px;
font-size:14px;
}
.resultados_r a {
color:#FFF !important;
}
#escribir {
background-color:#CCCCCC;
position:fixed;
height:300px;
width:700px;
top:50%;
left:50%;
margin:-10% 0 0 -350px;
vertical-align:middle;
display:none;
padding:30px 10px 10px 10px;
}



.detal {
width:120px;
padding:5px;
line-height:20px;
}
.detal2 {
width:240px;
padding:5px;
line-height:20px;
}

textarea {
font-family: 'Roboto', sans serif;
}
#lateral {
position:fixed;
float: left;
top:68px;
right:20px;
}

ul.nav {
list-style: none;
display: block;
width: 40px;
position: relative;
-webkit-background-size: 50% 100%;
-moz-background-size: 50% 100%;
-o-background-size: 50% 100%;
-ms-background-size: 50% 100%;
}

ul.nav li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
background: #000066;
color: #ffffff;
padding: 10px 10px 10px 10px;
font-weight:400;
width: 40px;
display: block;
text-decoration: none;
}

ul.nav li a:hover {
background: #006699;
color: #000000;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px -15px;
width:55px;
}

.borde {
padding:0  5px 0 5px;
border:thin solid #c3c3c3;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
font-size:14px;
}

.borde2 {
padding:0  5px 0 5px;
background-color: #FF0000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
color:#ffffff;
font-size:14px;
}

input [id="notas"] {
color:grey;
text-align:left;
font-size:16px;
padding:10px;
height:30px;
width:150px;
}

#wraper{
	margin:0 auto;
	overflow:hidden;
	
	height:auto;
}

.loaderAjax{
	display: none;
	left: 50%;
}

#contenedorImagen .fotografia{
	margin: 0px 0px 10px 20px;
	
	border: 1px solid #ccc;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

#wraper .contentLayout{
    text-align: center;
}