/*
Theme Name: ElegiSF
Theme URI: http://www.elegisantafe.com.ar
Description: Tema de "Elegisantafe" > Andres
Version: 2
Author: Andres Robul
Author URI: http://www.elegisantafe.com.ar
*/

/*General*/

html, body, aside, section, nav, h1, p, ul, li, a{ margin: 0; padding: 0; }
aside, section { display: block; }

html {
   overflow: auto;
   background-color:#808080;
   float:center;}

body {
      font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
      color:#FFFFFF;
      background-color:#F8EDD7;
      line-height:180%;
      margin:0 auto;
      padding:0;
      text-align:center;
      width: 960px;}

/*Titulo*/
h1 {
   font-size: 0.8em;
   text-align : center;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h2 {
   font-size:0.8em;
   text-align : left;
   color:#FFFFFF;
   font-family: Verdana, Arial, Helvetica;}
h3 {
   font-size:0.9em;
   text-align : center;
   padding: 0px;
   margin:0px;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h4 {
   font-size:1em;
   text-align :center;
   padding: 0px;
   margin:0px;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h5 {
   font-size: 1.1em;
   padding: 0px;
   margin:0px;
   text-align : left;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h6 {
   font-size:1.2em;
   text-align : left;
   padding: 0px;
   margin:0px;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}

/*Fin Titulo*/

/*Parrafos*/
.p1 {
   text-align : justify;
   color : #000000;
   font-size:1.2em;
   line-height:1.2em;
   text-indent:2.5em;
   white-space:pre-line;
   margin: 0px;
   padding: 0px;
   }
.p2 {
   text-align : center;
   color : #000000;
   font-size:1em;
   line-height:1em;
   text-indent:2.5em;
   white-space:pre-line;
   margin: 0px;
   padding: 0px;}

.p3 {
   text-align : center;
   color : #000000;
   font-size:0.8em;
   line-height:1em;
   text-indent:2.5em;
   white-space:pre-line;
   margin: 0px;
   padding: 0px;}

.p4 {
   text-align : left;
   color : #000000;
   font-size:0.7em;
   line-height:1em;
   text-indent:2.5em;
   white-space:pre-line;
   margin: 0;
   padding: 0px;}


/*Cuerpo Pagina*/

#contenedor {
   width:960px;
   margin: 0 auto;
   background-color:#F8EDD7;
   overflow: hidden;}

.cuerpo {
   float:left;
   width:660px;
   height:950px;
   overflow: auto;
   padding: 35px 30px 20px 40px;
   font-family: Arial,sans-serif;
   Color:#000000;
   background-image:url(../images/background03.png);
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 /* Asegura que el elemento tomara el alto total de la ventana del navegador*/
   min-height:100%;}

#Barraderecha {
  width:220px;
  float:left;
  color:#FFFBF0;
  box-shadow:-20px 10px 10px #888;
  background: #FA8C00;
  margin:0px 0px -3000px 0px;
  padding: 5px 5px 3000px 5px;
  z-index:5;}

/* Cabecera */

#cabecera {
   background: #FFFFFF;
   width:960 px;
   height:290px;
   margin: 0;
   padding:0; }

#cabecera02 {
   background: #808000;
   width:960 px;
   height:240px;
   margin: 0;
   padding:0; }

#cabecera03 {
   background: #000000;
   width:960 px;
   height:210px;
   margin:-9px 0px 0px 0px;
   padding:0; }

/* Fin Cabecera */

.Opcion {
  width: 220px;
  height:auto;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #7C7C7C;
  /*Sombras*/
    -webkit-box-shadow:  0px -1px 0px #999;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #999;/*Firefox*/
    -o-box-shadow:  1px -1px 0px #999;/*Opera*/
    box-shadow:  2px -1px 0px #000000;/*Estandar por defecto*/}

.Opcion li {
  border-bottom: 1px solid #7C7C7C;
  border-top: 1px solid #FFF;
  background: #C0C0C0;}

.Opcion li a {
  text-align : left;
  padding: 5px 5px 5px 30px;
  display: block;
  color: #333;
  background: #C0C0C0 url("../images/ok.jpg") no-repeat 3px;
  border:0.4px solid #000000;}/*Gris*/}


/* Easy Slider */

#slider{
    overflow: hidden;
    width: 100%;
    height: auto;
    margin:0 auto;
    padding:0;
    border:none;
    position: relative;}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
list-style:none;
}
#slider2{margin-top:0;}
#slider li, #slider2 li{
/*
define ancho y alto de la lista de (slide)
entire slider area will adjust according to the parameters provided here*/
height:auto;
overflow:hidden;
}
/* FIN Easy Slider */


.pie {
   width: 960px;
   clear:both;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-size:10;
   font-family:Tahoma;
   color:#000000;
   vertical-align:top;
   text-align:center;
   height: auto;
   z-index:0; }

 .pata1 {
     font-family: Arial, Helvetica;
     font-size:14px;
     z-index:5;
     width:960px;
     height:30px;
     background: url(../images/Pie01.jpg)repeat;
      -webkit-border-radius:0px 0px 5px 5px;/*Para chrome y Safari*/
      -moz-border-radius:0px 0px 5px 5px;/*Para Firefox*/
      -o-border-radius:0px 0px 5px 5px;/*Para Opera*/
     border-radius:0px 0px 5px 5px;/*El estandar por defecto*/}
  

.boton {
   list-style:none;
   padding: 25px;
   color: #FFF;
   display: inline-block;
   font-family: Tahoma;
   font-size: 14px;
   height: 20px;
   line-height: 0px;
   text-align: left;
   text-decoration: none;
   width: 150px;}

/*-- Menu --*/

.link1 {
   display:block;
   font-family:Tahoma;
   font-size:6;
   color:#FFFFFF;
   padding-left:0px; }

.link1 a:hover {
color: #F5F5F5
}

.link2 {
   font-family:Tahoma;
   font-size:14;
   color:#000000; }

.link2 a:hover {color: #F5F5F5}


#ladoI {
   width:155px;
   margin:-9px 0px 0px 0px;
   float:left;
   z-index:10; }

#ladoD {
   width:155px;
   margin:-9px 0px 0px 0px;
   float:right;
   z-index:10; }

.icono {
   height:30px;
   margin:2px 80px 0px 0px;
   float:right;
   z-index:5; }