/******** Tabla de Contenidos *******/


/***** Configuraciones Globales *****/

/***** Encabezados              *****/

/***** Formatos Comunes         *****/

/***** Links                    *****/

/***** Formas                   *****/

/***** Tablas                   *****/

/***** Wrapper                  *****/

/***** Clases Globales          *****/


/***** Posicionamiento          *****/
/*********** a) Index           *****/
/*********** b) Servicios       *****/
/*********** c) Contacto        *****/
/*********** d) Catalogo        *****/
/*********** e) Hoja            *****/




/***** Configuraciones Globales *****/

html, body 
{
    border:0;
    margin:0;
    padding:0;
    height:100%;
}

body 
{
    font-family: Courier New, Courier, monospace;
    font-size:62.5%;
    background-color:#CEBA95;
    background-image:url(img/fondologo.png);
    background-repeat:repeat;

}
 
/***** Encabezados*****/
 
h1, h2, h3, h4, h5, h6 
{
    margin:0;
    padding:0;
    font-weight:normal;
}

h1 
{
    padding:30px 0 25px 0;
    letter-spacing:-1px;
    font-size:2em;
}
 
h2 
{
    padding:20px 0;
    letter-spacing:-1px;
    font-size:1.5em;
}

h3 
{
    font-size:1em;
    font-weight:bold;
}

/***** Formatos Comunes*****/
 
p, ul, ol 
{
    margin:0;
    padding:0 0 1.25em 0;
    line-height: 1.4em;
}

ul, ol 
{
    padding:0 0 1.25em 2.5em;
}
 
blockquote
{
    margin:1.25em;
    padding:1.25em 1.25em 0 1.25em;
}
 
small 
{
    font-size:0.85em;
}
 
img 
{
    border-style: none;
    border-color: inherit;
    border-width: 0;

}
 
sup
{
    position:relative;
    bottom:0.3em;
    vertical-align:baseline;
}
 
sub 
{
    position:relative;
    bottom:-0.2em;
    vertical-align:baseline;
}
 

acronym, abbr 
{
    cursor:help;
    letter-spacing:1px;
    border-bottom:1px dashed;
}
 

/***** Links *****/
 

a,
a:link,
a:visited,
a:hover 
{
    text-decoration:underline;
    font-size: 1.4em;
}

a:link
{
	color:#8A0000;
}

a:visited 
{
	color:#873F3D;
}

a:hover 
{
	color:#FF0000;
}

a:active 
{
	color:#0000ee;
}
 

/***** Formas *****/
 
form 
{
    margin:0;
    padding:0;
    display:inline;
}

input, select, textarea {

}
 
textarea 
{
    width:100%;
    line-height:1.25;
}
 
label 
{
cursor:pointer;
}
 
/***** Tablas *****/

table 
{
    border:0;
    margin:0 0 1.25em 0;
    padding:0;
}
 

table tr td 
{
    padding:2px;
}
 

/***** Wrapper *****/
 

#wrap 
{
    width:960px;
    margin:0 auto;
}
 

/***** Clases Globales *****/
 

.clear { clear:both; }
.clearfloat {clear:both; height:0px;}
.float-left { float:left; }
.float-right { float:right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
 
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
 

.wrap { width:960px;margin:0 auto; }
 

.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
 

.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
.padding5 {padding:5px 0 0 0;}
.padding10r {padding:0 10px 0 0;}




/***** Posicionamiento          *****/


#Main
{
	width:800px;
	height:100%;
	margin: 0px auto;
	margin-top:2px;
}

#Contenido, #Botones
{
	background-repeat:repeat-y;
	height:100%;
	min-height:600px;
}

#Contenido
{
	width:740px;
	float:left;
	text-align: justify;
}

#Botones
{
	width:60px;
	float:right;
}

#Clip
{
	margin-left:60px;
	float:left;
}

#Nombre
{
	margin-left:210px;
	margin-top:40px;
}

/*********** a) Index           *****/

#LogoIndex{
	margin-left:260px;
	margin-top:130px;
}

.ContenidoDefault
{
	background-image:url(img/FondoDefault.png);
}

.BotonesDefault
{
	background-image:url(img/SinBotonDefault.png)
}


/*********** b) Servicios       *****/

.ContenidoVerde
{
	background-image:url(img/FondoVerde.png);
}

.BotonesVerde
{
	background-image:url(img/SinBotonVerde.png);
}

.TextoServicios
{
    float:right;
    margin-right:10px;
    color: #532409;
   
   
    scrollbar-face-color: #E8DFD2;
    scrollbar-highlight-color: #977134;
    scrollbar-3dlight-color: #532409;
    scrollbar-darkshadow-color: #977134;
    scrollbar-shadow-color: #977134;
    scrollbar-arrow-color: #532409;
    scrollbar-track-color: #EBF6B4;
}

#ArbolAbajo
{
    position: absolute;
    bottom: 0px;
}
	

/*********** c) Contacto        *****/

.ContenidoCafe
{
	background-image:url(img/FondoCafe.png);
}

.BotonesCafe
{
	background-image:url(img/SinBotonCafe.png);
}

#Contacto1, #Contacto2, #Contacto3, #Contacto4
{
    float:left;       
}

#Contacto1
{
    margin-left:161px;
    margin-top:20px;
    height:110px;
    width:320px;
    background-image:url(img/Perfiles1.png);  
}

#Contacto2
{
    margin-left:84px;
    height:280px;
    width:300px;
    background-image:url(img/Perfiles2.png);      
}

#Contacto3
{
    
    height:280px;
    width:330px;
    background-image:url(img/Perfiles3.png);   
}

#Contacto4
{
    margin-left:237px;
    height:170px;
    width:350px;
    background-image:url(img/Perfiles4.png);     
}

.Correo1
{
    margin-left:90px;
    margin-top:70px;
}

.Correo2
{
    margin-left:100px;
    margin-top:167px;
}

.Correo3
{
    margin-left:130px;
    margin-top:35px;
}

.Correo4
{
    margin-left:180px;
    margin-top:114px;
}

/*********** d) Catalogo        *****/

.ContenidoBeige
{
	background-image:url(img/FondoBeige.png);
}

.BotonesBeige
{
	background-image:url(img/SinBotonBeige.png)
}

#Raiz0,#Raiz1,#Raiz2,#Raiz3,#Raiz4,#Raiz5,#Raiz6,#Raiz7
{
    float:left;
}

#Raiz2,#Raiz3,#Raiz4,#Raiz5,#Raiz6,#Raiz7
{
    margin-top:130;
    vertical-align:bottom;
}

#Raiz0
{
    height:101px;
    width:107px;
    margin-top:29px;
    margin-left:125px;
    background-image:url(img/Raiz0.png);   
}

#Raiz1
{
    height:125px;
    width:97px;
    background-image:url(img/Raiz1.png); 
    margin-left:28px;
    margin-top:38px;  
}

#Raiz2
{
    height:223px;
    width:87px;
    background-image:url(img/Raiz2.png);   
}

#Raiz3
{
    height:295px;
    width:101px;
    background-image:url(img/Raiz3.png);   
}

#Raiz4
{
    height:360px;
    width:107px;
    background-image:url(img/Raiz4.png);   
}

#Raiz5
{
    height:317px;
    width:119px;
    background-image:url(img/Raiz5.png);   
}

#Raiz6
{
    height:265px;
    width:116px;
    background-image:url(img/Raiz6.png);   
}

#Raiz7
{
    height:197px;
    width:85px;
    background-image:url(img/Raiz7.png);   
}

.Videos
{
    margin-top:121px;
}
.Podcast
{
    margin-top:185px;
}
.Entrevistas
{
    margin-top:259px;
}
.Ligas
{
    margin-top:205px;
}
.Documentos
{
    margin-top:152px;
}
.Musica
{
    margin-top:92px;
}


/*********** e) Hoja            *****/

#Hoja
{
    margin-left:120px;
    margin-top:60px;
}
#HojaSupContenedor, #HojaCentroContenedor, #HojaInfContenedor
{
    width:530px;
}
#HojaSup, #HojaCentro, #HojaInf
{
    width:401px;
    float:left;
}

#HojaEsqSupIzq, #HojaIzq, #HojaEsqInfIzq, #HojaEsqSupDer, #HojaDer, #HojaEsqInfDer, #HojaSup, #HojaCentro, #HojaDer, #HojaInf
{
    height:100%;
}

#HojaEsqSupIzq, #HojaIzq, #HojaEsqInfIzq
{
    width:79px;
    float:left;
}

#HojaEsqSupDer,#HojaDer,#HojaEsqInfDer
{
    width:50px;
    float:right;
}


#HojaSupContenedor
{
    height:91px;
}

#HojaSup
{
    background-image:url(img/HojaSup.png);
}

#HojaEsqSupIzq
{
    background-image:url(img/HojaEsqSupIzq.png);
}

#HojaEsqSupDer
{
    background-image:url(img/HojaEsqSupDer.png);
}

#HojaCentroContenedor
{
    height:495px;
    overflow:hidden;
}

img.Thumbs
{
    height:110px;
    width:110px;
    border-color:#966F33;
    border-width:3px;
    border-style:solid;
    margin-left:0px;
            
}
    
    
#HojaCentro
{
    background-image:url(img/HojaCentro.png);
}

#HojaIzq
{
    background-image:url(img/HojaIzq.png);

}

#HojaDer
{
    background-image:url(img/HojaDer.png);
}

#HojaInfContenedor
{
    height:57px;
}

#HojaInf
{
    background-image:url(img/HojaInf.png);
}

#HojaEsqInfIzq
{
    background-image:url(img/HojaEsqInfIzq.png);
}

#HojaEsqInfDer
{
    background-image:url(img/HojaEsqInfDer.png);
}





/****************/


#Logo {
	width:20%;
	margin-left:40%;
	margin-top:10px;
}
#Trabajando {
	width:20%;
	margin-left:40%;
	margin-top:10px;
}


#BtnServicios {
	margin-right:1px;
	margin-top:1px;
	width:107px;
	height:385px;
	margin-bottom:0px;
	float:right;
	display:inline;

}
#BtnCatalogo {
	margin-right:1px;
	margin-top:0px;
	width:107px;
	height:416px;
	margin-bottom:0px;
	float:right;
	display:inline;

}
#BtnContacto {
	margin-right:1px;
	margin-top:0px;
	width:107px;
	height:447px;
	margin-bottom:0px;
	float:right;
	display:inline;

}