/* 
    Document   : formLogin
    Created on : 10-22-2009, 10:49:47 AM
    Author     : alejo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

        body{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        background-image: url("../images/bg.gif");
        background-position: top;
        background-repeat: no-repeat;
        
        }

#header{
    width:100%;
    height:100px;
    /* background-color:#ebf4fb; */
    background-image: url("../images/headbg.gif");
    background-position: left;
    background-repeat: no-repeat;    
}

#logo{
	background-image:url("../images/logo.gif");
    background-repeat: no-repeat;
    background-position: left;
    width:61px;
    height:100px;
    margin-left:30px;
    margin-right: 50px;
    display: inline;
    float:left
}

#head_text{
	margin-left:50px
}

#slogan{
	font-size:4em;
	color:#000000;
	display: block
	
}

#slogan:first-letter{

	color:#909090;
	display: block
	
}


#wrapper{
    width:80%;
    margin-left:10%;
    margin-right:10%;
}
        p, h1, form, button{border:0; margin:0; padding:0;}

        #bloqueLogin{
        border:solid 2px #b7ddf2;
        background:#ebf4fb;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;        
        width:500px;
        padding:14px;
        }
        #bloqueLogin h1 {
        font-size:14px;
        font-weight:bold;
        margin-bottom:8px;
        }
        #bloqueLogin p{
        font-size:11px;
        color:#666666;
        margin-bottom:20px;
        border-bottom:solid 1px #b7ddf2;
        padding-bottom:10px;
        }
        #bloqueLogin label{
        display:block;
        font-weight:bold;
        text-align:right;
        width:140px;
        float:left;
        margin-top:5px;
        margin-bottom:5px;

        }

        #bloqueLogin .small{
        color:#666666;
        display:block;
        font-size:11px;
        font-weight:normal;
        text-align:right;
        width:140px;
        position:relative;
        }

        #bloqueLogin input{
        float:left;
        font-size:12px;
        padding:4px 2px;
        border:solid 1px #aacfe4;
        width:200px;
        margin:2px 0 20px 10px;
        display:block;
        position:relative;
        }
        #bloqueLogin button{
        clear:both;
        margin-left:150px;
        width:125px;
        height:31px;
        background:#666666 ;
        text-align:center;
        line-height:31px;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
        letter-spacing:1px;
        display:block;
        }

        .error-message, label.error {
        color: #ff0000;
        margin:5px 0 5px 0;
        display: block;
        font-size: 12px !important;
        font-weight:lighter;
         }
         
         h1{
	font-size:20px
}

h3{
	font-size:18px;
	display: inline	
}



table.cuestionario{
	width: 100%;
	background-color: white;
	border: 0px;
	margin:5px 0px 5px 0px 
	
}

.resaltar_celda{
	background-color:#ebf4fb
}

td.instruccion{
	font-size:14px;
	margin:5px 10px 5px 10px;
	padding:5px 20px 5px 20px  
	
}

label{
	font-size:11px;
	font-weight: bold;
	color:#7f7f7f;
	display:inline;
    margin-left:10px
}

div.caja{
	border:1px; 
	border-color:#000; 
	border-style:solid; 
	margin:5px; 
	float:right; 
	padding:5px; 
	display:block; 
	width:98%
}

Legend{
	font-size:12px;
	font-weight: bold;
	color:#7f7f7f;
	display:inline;
    margin-left:10px
}

button{
        clear:both;
        margin-left:150px;
        width:125px;
        height:31px;
        background:#666666;
        text-align:center;
        line-height:31px;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
        letter-spacing:1px;
        display:block;
        float:right;
        }
        
fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background-color: #F8FDEF;}

input:focus { border: 1px solid #add8e6; 
			  background-color: #ebf4fb;
	 }
input.error { border: 1px solid red; }

#Nacion{
    margin-right:15px;
}


div.box{
	border:1px;
	border-color:#000;
	border-style:solid;
	margin:5px;
	float:right;
	padding:5px;
	display:inline;
    float:left;
    position:relative;
	
}

div.box_little{
	border:1px;
	border-color:#000;
	border-style:solid;
	margin:5px;
	float:right;
	padding:5px;
	display:block;
    float:left;
    position:relative;
    width:95%

}

.container{
    float:right;
	display:inline;
    float:left;
    position:relative;
    width:30%;
}

#footer{
    font-size:small;
    color:silver;
    font-weight:bold
}