/*
* After modifying this style sheet, refresh the page being designed to see the effect of the modification.
* Click the Refresh button in the Visual Designer toolbar to refresh the page.
*/ 

/* Style rules to make Java Server faces Standarad data tables look better */

.list-header {
    background-color: #eeeeee;
    font-size: larger;
    font-weight: bold;
}

.list-paging-header {
    background-color: white;
}

.list-paging-footer {
    background-color: white;
}

.list-row-even { 
}

.list-row-odd { 
    background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
    color: black;
}

.warnMessage {
    color: orange;
    font-weight: bold;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

.fatalMessage {
    color: red;
    font-style: italic;
    font-weight: bold;
}
#contenedor{  
    width:80%;           
    margin-left:auto;
    margin-top:auto;
    
    background:white;    
    /*border:black 1px solid;*/
    border-radius:7px;
    -moz-box-shadow: -5px 5px 26px rgba(86,86,91,0.3);
    -webkit-box-shadow: -5px 5px 26px rgba(86,86,91,0.3);
    box-shadow:  -5px 5px 26px rgba(86,86,91,0.3);
    
    
    
    
}
.position{
    
    position:absolute;
    
}
#cabecera{
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 80%;
    height:auto;
}
#cabecera img {
    display:block;
    margin:0 auto 0 auto;  
}

body {
    font-family:Arial;
    font-size:12pt;
    /*    color:#666;*/
    background:#fff;
    text-align:center;
}

#contenido
{
margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align:center;
    border-radius:15px;
    border:1px solid rgba(225, 223, 235, 1);
    /*border-top:10px solid rgba(45,11,218,1);*/
    
    /*border-bottom:10px solid rgba(45,11,218,1);*/
    width: 78.5%;
    height:450px;
    background: rgb(230, 244, 251);
    padding:10px;
    padding-left:3px;
    
    
    
    
}
#bienvenida
{
    width:80%;
    margin-left:auto;    
    margin-right:auto;    
    padding:5px;   
    font-family: Arial; 
}
table{
    width:50%;
    margin-left:auto;
    margin-right:auto;
    border:none;
    text-align:center;
    background:#000;
 
    
    
}

.contact_form ul {
    width:750px;
    list-style-type:none;
    display:block;
    margin:0 auto 0 auto; 

}
.boton
{
 margin-top:20px;
 margin-bottom:150px; 
 font-size:14px;  
}

.contact_form li{
    padding:10px; 
    border-bottom:1px solid #eee;
    position:relative;
}
.contact_form label {
    color: #555555;
    display: inline-block;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    width: 90px;

}
.contact_form input {

    height:30px; 
    width:220px; 
    padding:5px 8px;
    color:black;

}



.contact_form button {
    margin-left:90px;
    color:black;
}
.contact_form input { 
    border:1px solid rgba(0,0,0,0.5);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) ;
    border-radius:118px;
    color: #888;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;

}

.contact_form input:focus {
    background: #fff; 
    box-shadow: 0 0 3px #aaa; 
    padding-right:80px;

}
/* === Estilos de Validacion === */

 

.contact_form input:required:valid {

    box-shadow: 1px 1px 5px black;

   

}

.contact_form input:focus:invalid {

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}
/* === Estilos del boton de Envio === */

button.submit {

    padding: 9px 17px;

   

   font-weight: bold;

   line-height: 1;

   color: #444;

   border: none;

   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);

   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000));

   background-image: -moz-linear-gradient(0% 100% 90deg, #000, #000);

   background-color: #fff;

   border: 1px solid #f1f1f1;

   border-radius: 10px;

   box-shadow: 0 1px 2px rgba(0, 0, 0, 1);

}

button.submit:hover {

    opacity:.55;

    cursor: pointer; 

    color: #fff;

}

button.submit:active {

    border: 1px solid #222;

    box-shadow: 0 0 10px 5px #444 inset; 

}

.form-catpcha{
	 position: relative;
    left: 30%;
}