/*
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
*/


/* --- reset de los sstilos de los navegadores ---*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form,
label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas,
details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section,
summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}

/* --- Fin de reset de los sstilos de los navegadores ---*/

/*General*/

html {
   overflow: auto;
   background-color:#808080;
   float:center;}

body {
      font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
      color:#FFFFFF;
      background-color:#000000;
      line-height:180%;
      margin:0 auto;
      padding:0;
      text-align:center;
      width: 960px;}

/*Titulo*/
h1 {
   font-size: 40%;
   text-align : center;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h2 {
   font-size:60%;
   text-align : left;
   color:#FFFFFF;
   font-family: Verdana, Arial, Helvetica;}
h3 {
   font-size:1 em;
   text-align : left;
   color : #000000;
   padding:2px;
   font-family: Arial, Helvetica;}
h4 {
   font-size:100%;
   text-align :center;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h5 {
   font-size: 1.5em;
   text-align : center;
   color : #000000;
   font-family: Verdana, Arial, Helvetica;}
h6 {
   font-size:1.3em;
   text-align :center;
   color : #000000;
   margin: 0;
   padding: 0px 5px 0 5px;
   font-family: Verdana, Arial, Helvetica;}


/*Fin Titulo*/

/*Parrafos*/
.p1 {
   text-align : justify;
   color : #000000;
   font-size:100%;
   margin: 15px 0 -10px 0;
   padding: -10px 45px 0 15px;
   }
.p2 {
   text-align : left;
   color : #000000;
   font-size:80%;
   margin: -25px 0 -10px 0;
   padding: -10px 45px 0 15px;}

.p4 {
   text-align : left;
   color : #000000;
   font: normal normal 12pt Verdana, Arial;
   margin-top: -20pt;
   margin-bottom: 0pt;
   padding: 15px;
   line-height: 1 em;


 } /*esta es la propiedad para el interlineado*/


/*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%;}

.cuerpo3 {
   float:left;
   width:660px;
   height:950px;
   overflow: auto;
   padding: 35px 30px 20px 40px;
   font-family: Arial,sans-serif;
   Color:#000000;
   background-image:url(../images/background04.jpg);
   background-repeat:repeat-y;}

.cuerpo2 {
   float:center;
   width:890px;
   height:100%;
   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%;}

.etiquetas{
   float:center;
   overflow: hidden;
   width:550px;
   height:140px;
   margin:0px -10px 5px 50px;
   padding-left: 15px;
   background: #00abeb;
   color:#FFFBF0;
   -webkit-box-shadow:-8px 5px 5px #808080;
   -moz-box-shadow:-8px 5px 5px #808080;
   box-shadow:-8px 5px 5px #808080;

/* Bordes Redondeados*/
   -khtml-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
/* Fondo en degrade*/
   background: -webkit-gradient(linear, left top, left bottom, from(#FF8040), to(#A6CAF0), color-stop(30%, #fff));
   background: -moz-linear-gradient(top, #00abeb 30%, #fff);
   background: -o-linear-gradient(top, #00abeb 30%, #ffffff);
   background: -ms-linear-gradient(top, #00abeb 10%,#ffffff); }

#Barraderecha {
  width:220px;
  float:left;
  color:#FFFBF0;
   -webkit-box-shadow:-20px 10px 10px #888;
   -moz-box-shadow:-20px 10px 10px #888;
  box-shadow:-20px 10px 10px #888;
  background: #FA8C00;
  margin:0px 0px -3000px 0px;
  padding: 5px 5px 3000px 5px;}

#Barraizquierda {
  width:250px;
  float:left;
  color:#FFFBF0;
   -webkit-box-shadow:inset -20px 10px 10px #888;
   -moz-box-shadow:inset -20px 10px 10px #888;;
  box-shadow:inset 20px 10px 20px #FA8C00;
  background:#EAA026 ;
  margin:0px 0px -3000px 0px;
  padding: 5px 5px 3000px 5px;}

/* Cabecera */

#cabecera {
   width:960 px;
   height:240 px;
   margin: 0;
   padding:0; }

#cabecera02 {
   width:960 px;
   margin:-9px 0px 0px 0px;
   float:center;
   z-index:5;}

.imgcenter{
    float:center;
    border:none;
    margin:0 auto;}

/* Fin Cabecera */

/* 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;
   margin: 0;
   padding: 0;
   font-size:10;
   font-family:Tahoma;
   color:#000000;
   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 {
   float:right;
   display:block;
   font-family:Tahoma;
   font-size:6;
   color:#800000;
   margin-top: -15px;
   padding-right:30px;
   padding-bottom:5%;
   padding-top:-10px }

.link1 a:hover {color: #F5F5F5}

.link2 {
   font-family:Tahoma;
   font-size:14;
   color:#000000; }

.link2 a:hover {color: #F5F5F5}

#ladoI {
   width:150px;
   margin:-9px 0px 0px 0px;
   float:left;
   z-index:10; }

#ladoD {
   width:150px;
   margin:-9px 0px 0px 0px;
   float:right;
   z-index:10; }

.icono {
   height:30px;
   margin:2px 50px 0px 0px;
   float:right;
   z-index:5; }




