/*
    Document   : principal
    Created on : 10/11/2011, 02:24:47 PM
    Author     : Administrador
    Description:
        Purpose of the stylesheet follows.
*/

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

root {
    display: block;
}

body {
background-color: 43BBDF;
font-family:Helvetica,Futura,Arial,Verdana,sans-serif;
}

p{
color: #369
}



#Principal{
    border: black solid 10px;
    position: absolute;
    /*nos posicionamos en el centro del navegador*/
    top:10%;
    left:50%;
    /*determinamos una anchura*/
    width:1000px;
    /*indicamos que el margen izquierdo, es la mitad de la anchura*/
    margin-left:-500px;
    /*determinamos una altura*/
    /*/height:100px;*/
    /*indicamos que el margen superior, es la mitad de la altura*/
    /*/margin-top:-50px;*/
    border:2px solid black;
    padding:15px;

    background-color: #E4F2F6

    /*background: rgba(185,218,233,1);
background: -moz-linear-gradient(left, rgba(185,218,233,1) 0%, rgba(56,175,214,1) 50%, rgba(193,223,235,1) 82%, rgba(193,223,235,1) 86%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(185,218,233,1)), color-stop(50%, rgba(56,175,214,1)), color-stop(82%, rgba(193,223,235,1)), color-stop(86%, rgba(193,223,235,1)));
background: -webkit-linear-gradient(left, rgba(185,218,233,1) 0%, rgba(56,175,214,1) 50%, rgba(193,223,235,1) 82%, rgba(193,223,235,1) 86%);
background: -o-linear-gradient(left, rgba(185,218,233,1) 0%, rgba(56,175,214,1) 50%, rgba(193,223,235,1) 82%, rgba(193,223,235,1) 86%);
background: -ms-linear-gradient(left, rgba(185,218,233,1) 0%, rgba(56,175,214,1) 50%, rgba(193,223,235,1) 82%, rgba(193,223,235,1) 86%);
background: linear-gradient(to right, rgba(185,218,233,1) 0%, rgba(56,175,214,1) 50%, rgba(193,223,235,1) 82%, rgba(193,223,235,1) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9dae9', endColorstr='#c1dfeb', GradientType=1 );*/
}
#Head{
    border: black solid 0px;
    width: 950px;
    height: 170px;
}
#Body{
    border: black solid 0px;
    width: 990px;
    height: auto;
    text-align: left;
    }

#End{
    border: black solid 0px;
    width: 980px;
    height: 100px;
}
#izquierda{
    float: left;
    width: 450px;
	height: 100px;
    border: blue ridge 0px;
}
#izquierda2 {
    float: left;
	width: 100px;
	border: blue ridge 0px;
}
#derecha{
    float: right;
    width: 500px;
    height: 100px;
    text-align: center;
    border: blue ridge 0px;
    vertical-align: middle;
    font-size: 20px;
}
#PrincipalBody{
    border:  gray solid 0px;
    margin-left: 4em;
    margin-right: 4em;

}
#PrincipalBodyU{
    border:  gray solid 0px;
    margin-left: 8em;
    margin-right: 8em;

}
#PrincipalBodyB{
    border:  gray solid 0px;
    margin-left: 10em;
    margin-right: 10em;

}
#user{
    font-size: 15px;
    font-weight: bold;
}

textarea {text-transform: uppercase;}
input {text-transform: uppercase;}