/* 
    Document   : css_basic
    Created on : 03-ene-2010, 0:53:24
    Author     : YO
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
 outline: 0;
}

vv_a{
width: 900px;
height: 900px;
background:  #ffffff;
}

root { 
    display: block;
}

* html body{
    /* background: #fff url("../imag/fons_0.jpg") no-repeat;// background: #7a6957 url("../imag/fons_3.jpg") no-repeat;*/
    background: #000000 url("../imag/fons_4.jpg") no-repeat;
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753;
	margin: 0;
	padding: 0;
/*background-repeat: repeat;*/
}
*:first-child+html body{
    /* background: #fff url("../imag/fons_0.jpg") no-repeat;// background: #7a6957 url("../imag/fons_3.jpg") no-repeat;*/
    background: #000000 url("../imag/fons_4.jpg") no-repeat;
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753;
	margin: 0;
	padding: 0;
/*background-repeat: repeat;*/
}

html>/**/body {
    /* background: #fff url("../imag/fons_0.jpg") no-repeat;// background: #7a6957 url("../imag/fons_3.jpg") no-repeat;*/
    background: #000000 url("../imag/fons_4.jpg") no-repeat;
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753;
	margin: 0;
	padding: 0;
/*background-repeat: repeat;*/
}

#nombre{
    
padding: 1% 1% 1% 65% ;
}


html>/**/body .logo_0{
    position: absolute;
    right: 0px;
    z-index: -1;
    left: 77%;
    top: -150px;
    float:  right;
    
    background-color: transparent;

}
*:first-child+html .logo_0{
 position: absolute;
    right: 0px;
    z-index: -1;
    left: 77%;
    top: -150px;
    float:  right;

    background-color: transparent;

}

* html .logo_0{
 position: absolute;
    right: 0px;
    z-index: -1;
    left: 77%;
    top: -150px;
    float:  right;

    background-color: transparent;

}
.logo_0{
   position: absolute;
    right: 0px;
    z-index: -1;
    left: 77%;
    top: -150px;
    float:  right;

    background-color: transparent;

}


*:first-child+html .logo_1{
    position: absolute;
    float:  left;
width: 260px;
background: #000000 url("../imag/logo_foto_df.jpg") no-repeat;
}


* .logo_1{
    position: relative;
    float:  left;
width: 260px;
background: #000000 url("../imag/logo_foto_df.jpg") no-repeat;
}


.logo_ci{
    position:  relative;
    z-index: 45;
    background-color: transparent;
    height: 20px;
}
* html .super_contenedor{
  background-color: transparent;
    position: absolute;
    right: 2%;
    left: 2%;
    top: 4%;
    z-index: -3;
   /* padding: 5px 5px 10px 10px;*/
}
*:first-child+html .super_contenedor{
  background-color: transparent;
    position: absolute;
    opacity: 0.3;
    right: 2%;
    left: 2%;
    top: 4%;
    z-index: -3;
   /* padding: 5px 5px 10px 10px;*/
}
.super_contenedor{
  background-color: #000;
    position: absolute;
    opacity: 0.3;
    right: 2%;
    left: 2%;
    top: 4%;
    z-index: -3;
   /* padding: 5px 5px 10px 10px;*/
}

/*
#degradado{
     background: #000 url(../imag/degradado3.png)  bottom right ;
     height: 200px;
}*/

#img_fondo_b{
    background-color: #fff;

}
#imag_flotante{
        /*  background: transparent url(../imag/flotante.png)  bottom right no-repeat;*/
	position:fixed;
        bottom:0;
        left: 0;
	width: 0px;
	height: 0px;
        z-index: 50;
    background-image: url();
}

#divfoto1{
    z-index: 57;
    visibility:hidden;
    position:absolute;
  width: 700px;
    height: 500px;
     top:10%;
        left: 10%;
        background-color: #000000;
           padding: 2% 2% 2% 2% ;
  overflow: hidden;

}

#divfoto3{
    z-index: 57;
    visibility:hidden;
    position:absolute;
    width: 500px;
    height: 700px;
     top:10%;
        left: 10%;
        background-color: #000000;
         padding: 2% 2% 2% 2% ;
  overflow: hidden;
  
 
}

#divfoto2{
    z-index: 57;
    visibility:hidden;
    position:absolute;
    width: 700px;
    height: 500px;
     top:10%;
        left: 10%;
        background-color: #000000;
          padding: 2% 2% 2% 2% ;
  overflow: hidden;
}

#vv_flotante{
       z-index: 57;
    visibility: visible;
    position:absolute;
  
     bottom:10%;
        left: 10%;
        background-color: #516477;
           padding: 2% 2% 2% 2% ;

    border-right-color: #ff9933;
    border-left-color: #ff9933;
    border-bottom-color: #ff9933;
    border-top-color: #ff9933;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    color: #ffffff;
}

#vv_flotante_in{
       z-index: 57;
    visibility: visible;

        background-color: #d4dbe2;
           padding: 2% 2% 2% 2% ;

    border-right-color: #ff9933;
    border-left-color: #ff9933;
    border-bottom-color: #ff9933;
    border-top-color: #ff9933;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
}
#d_imag_1b{
    float: right;
    color: #fff;
}
#d_imag_2b{
    float: right;
    color: #fff;
}
#d_imag_3b{
    float: right;
    color: #fff;
}


#imag_flotante_lupa{
        /*  background: transparent url(../imag/flotante.png)  bottom right no-repeat;*/
	position:   fixed;
        bottom:300px;
        left: 700px;
	width: 225px;
	height: 302px;
        z-index: 55;
    background-image: url(../imag/lupa_.png);
}
.contenedor{  
    overflow: hidden;
    z-index: 10;
     margin-top: 2%;

}
/*izquierda*/
.iz{
    background-color: transparent;       
    margin-left: 3%;
    margin-bottom: 0%;
    margin-top: 3%;
    width: 60%;
    float: left;
    z-index: 20;


}
.sub_menu{
    background-color: #000;
        margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;   
    z-index: 20;
    opacity: 1;
            font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #FFF;
    overflow: hidden;
       padding: 10px 10px 10px 10px;
}
.campanya{
     background-color: transparent;
  margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #555;
   
}

a[id="campanya_otras"]{
     font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #555;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}
.campanya1{
  
         background-color: #fff;

    overflow: hidden;
  bottom: 0px;
    
}


.campanya2{
    clear: both;
         background-color: #f8f5ee;
  margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
}
.campanya3{
    clear: both;     background-color: #bbda0f;
  margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
overflow: hidden;
}
.campanya4{
    clear: both;
         background-color: #fff;
  margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
}
.campanya5{
    clear: both;
         background-color: #00b3e7;
  margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
}
.campanya6  {
    clear: both;
         background-color: #ffcc33;
  margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
}
.diseny{
    margin-left: 3%;
    margin-bottom: 0%;
    margin-top: 10%;
    width: 105px;
    float: left;
    z-index: 20;
    background-color: #000000;
    opacity: 1;
            font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #ffffff;
    overflow: hidden;
    padding: 5px 5px 10px 10px;

}
.xque{
     /* -0-background-color: #333; */
    background-color: #000000;
    opacity: 0.8;
        margin-right: auto;
    
    margin-bottom: 5px;
    margin-top: 5px;  
    /* height: 62%; */
    z-index: 30;
       font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #ebddc9;
    padding: 5px 5px 10px 10px;
    /* -0-   font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #fff;
    padding: 5px 5px 10px 10px;*/
   /*overflow: auto*/
}

/*derecha*/
.de{
    background-color:  transparent;
        margin-right: 3%;
        margin-left: 3%;
    margin-bottom: 1%;
    margin-top: 10%;
    width: 20%;   
      float: left;
 
 
}
.quien{
    background-color: #000;
        margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;  
          font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #fff;
  overflow: hidden;

}
.que{
    background-color: #000;
        margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;
   
        font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #444;
       overflow: hidden;
}
.text_iz{
     
  padding: 5px 5px 5px 15px;
  z-index: 25;
}
.text_de{

  padding: 20px 20px 20px 20px;
  z-index: 25;
}
.text_de2{
background: #ffffff url("../imag/fons_6.jpg") no-repeat;
  padding: 20px 20px 20px 20px;
  z-index: 25;
}
.text_de2b{

   width: 50%;
    float: right;
    font-size: 14px;
    font-weight: bold;
}

.estilos{
   z-index: 25;

visibility: visible;
padding: 20px 20px 20px 20px;

}



.foto_quien{
    float: left;
    overflow: hidden;
    z-index: 20;
}


/* linc */
a[class="fondo_oscuro"]{font:10px Verdana ; color: #ffcc33;
    font-style: inherit;
    font-variant: normal;  
    text-decoration: none;
    
}
* .fondo_oscuro{
    font:10px Verdana ; color: #ffcc33;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}



a[class="fondo_oscuro2"]{font:10px Verdana ; color: #32cae1 ;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;

}
* .fondo_oscuro2{
    font:10px Verdana ; color: #32cae1;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

a[class="fondo_1"]{font:13px Verdana ; color: #ffcc33;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

* .fondo_1{
    font:13px Verdana ; color: #ffcc33;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

a[class="fondo_2"]{font:13px Verdana ; color: #ffffff;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

* .fondo_2{
    font:13px Verdana ; color: #ffffff;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

a[class="fondo_3"]{font:11px Verdana ; color: #9f5c7d;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}
* .fondo_3{
    font:11px Verdana ; color: #9f5c7d;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

a[class="fondo_oscuro3"]{font:13px Verdana ; color: #32cae1 ;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;

}
* .fondo_oscuro3{
    font:13px Verdana ; color: #32cae1;
    font-style: inherit;
    font-variant: normal;
    text-decoration: none;
}

@font-face {
  font-family: "Fuente_0";
  src: url("../fuentes2/Akashi_m.ttf");
}

@font-face {
  font-family: "Fuente_3";
  src: url("../fuentes/aladdin.ttf");
}
@font-face {
  font-family: "Fuente_4";
  src: url("../fuentes/AMERIKA_.ttf");
}
@font-face {
  font-family: "Fuente_5";
  src: url("../fuentes/Asimov.ttf");
}

@font-face {
  font-family: "Fuente_6";
  src: url("../fuentes2/Abduction.ttf");
}
@font-face {
  font-family: "Fuente_8";
  src: url("../fuentes2/Acidh___.ttf");
}

h1 {
  font-family: "Fuente_4", Verdana;
  color: #ffffff;
  line-height: 1;
  font-size: 20px;
    font-style: normal;
    font-weight: normal;
}



h2 {
  font-family:"Fuente_4", serif;
  color: #555753;
    font-size: 200px;
    line-height: 0.5;
}
h3 {
  font-family: "Fuente", Verdana;
  color: #555753;
    font-size: 2px;
    line-height: 0.5;
}
h4{

}
h10{

}
/*CEDDA_09*/


#galeris_CEDDA_09{

  padding: 5px 5px 5px 50px;
}




#vv{
     background-color: #faf7f2;

}

.vv{
       z-index: 57;
    visibility: visible;
    position:absolute;

     bottom:10%;
        left: 10%;
        background-color: #516477;
           padding: 2% 2% 2% 2% ;

    border-right-color: #ff9933;
    border-left-color: #ff9933;
    border-bottom-color: #ff9933;
    border-top-color: #ff9933;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    color: #ffffff;
   
}