/* Just some base styles not needed for example to function estilos página*/


*, html { font-family: Arial,Verdana, Helvetica, sans-serif; }

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
}
body {  color: #000000; margin: 0; }
img { border: none; }

p {
	font-size: 1em; /*tamaño letra prrafo normal*/
	margin: 0 0 0.5em 0; /* espacio entre parrafos*/
}

a:link {
color: #000000;
text-decoration:  none;
}

a:visited {
color: #000000;
text-decoration:  none;
}
a:hover {
color: #000000;
text-decoration:  none;
}
.rojo {
 color:#bf1e2e;
}
.rojo a:link {
 color:#bf1e2e;
}
.chequeado {
 color:#000000;
}
.bold {
font-weight: bold;
}


html { font-size: 90%; background-color: #000000; /* IE hack */ }
body { font-size: 0.95em; /* Sets base font size to 16px */ }
table { font-size: 90%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }


#allcontent {
  width: 896px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background-color: #ffffff;
  margin-top:    	60px; /*afecta al area blanca de la página fondo*/
  margin-bottom:    45px; /* espacio entre el logo y el menu*/
  padding-left:     	34px; /* separacion izquierda logo*/
}


/************************************************
      Submenu, segundo nivel
************************************************/
.submenu {
    padding:0px 10px 0px 0;
    margin-left:12px;
    margin-top:-5px;
   display:block; /* pone el menu en fila*/
    height:20px; /* separ el menu mas o menos*/
    
}
.submenu a:link  {
   color: #8c8c8c;
}
.submenu a:visited  {
   color: #8c8c8c;
}

#menu2 li .submenu a:hover  {
   color: #000000;
}
.submenunotime{
    padding:0px 10px 0px 0;
    margin-left:12px;
    margin-top:-5px;
   display:block; /* pone el menu en fila*/
    height:20px; /* separ el menu mas o menos*/
    
}

.submenunotime a:link  {
   color: #000000;
}
.submenunotime a:visited  {
   color: #000000;
}

#menu2 li .submenunotime a:hover  {
   color: #000000;
}



/************************************************
      GENERAL PROPERTIES 
************************************************/

#example2 {
	position:relative;
	height:474px;
	margin-right:    	10px;
	margin-top: -31px;
	padding-left:     	24px; /* margen izquierda del menu*/
}

#menu2 li {
	display: block; /* quita las viñetas*/
	font-size: 80%;
	margin-bottom: 15px;/* separacion botones del menu*/
}
.activo {
    padding:0px 10px 0px 0;
    margin-left:12px;
    margin-top:-5px;
   display:block; /* pone el menu en fila*/
    height:20px; /* separ el menu mas o menos*/
    color:#bf1e2e;
}
/************************************************
 CREATING CSS HALF ROUNDED BUTTON FOR BOTH EXAMPLE estilo de menus
************************************************/
#menu2 li a  {

    display:block; /* pone el menu en fila*/
   
    height:20px; /* separ el menu mas o menos*/
    margin-right:15px; /* en principio no hace nada*/
}

#menu2 li a .button {
	
    display:inline;
    height:21px;
    padding:10px 10px 0 0;
    margin-left:12px;
    cursor:pointer;

}
#menu2 li a .buttonin {
	
    display:inline;
    height:21px;
    padding:10px 10px 0 0;
    margin-left:12px;
    cursor:pointer;
	color:#bf1e2e;
}
#menu2 li a:hover {
	color:#bf1e2e;
}

#menu2 li a:visited {
	color:#000000; /* color del textos*/
}


/************************************************
         EXAMPLE 2 - MULTIPLE REMOTE AREAS
************************************************/
#menu2 a .text, #menu2 a .icon {
	display:none;
}

#menu2 a:hover .text {
	display:block;
	position:absolute;
	top:390px;
	left:150px;
	height:20px;
	color:#000; /* color del texto pie de foto*/
	font-size:11px;
}

#menu2 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:0px;
	left:150px;
	z-index: 99;
	
}
/************************************************
        menu notime
************************************************/

li.menunotime /* obras notime */
	{ 
		position: relative;
		margin-left: -40px;
		margin-top: 3px;
		list-style: none;

	}
#textoseccionnotime ol
{ 

	margin:-10px 0px 0px 0px;

	}

		li.menunotime a
		{
			color: #8c8c8c;  /* color de enlaces de lista de obras*/ 
			padding-left: 0px;
			text-decoration: none;
			display: block;
		}
		li.menunotime a:hover
		{
			color: #000000;  /* color de enlaces de lista de obras*/ 
			padding-left: 0px;
			text-decoration: none;
			display: block;
		}




/************************************************
        para taller
************************************************/
#textoseccion{
  position:absolute; left: 150px; top: 0px;
  width:            	202px;
  height: 365px;
  background-color: #eff0f0;
  padding:15px 10px 10px 18px;
  line-height:      16px;
  font-size:        	80%;
  z-index: 89;
}
#textoseccioncurso{
  position:absolute; left: 150px; top: 0px;
  width: 461px;
  height: 365px;
  background-color: #eff0f0;
  padding:15px 10px 10px 18px;
  line-height:      16px;
  font-size:        	80%;
  z-index: 89;
}
#textoseccionnotime{
  position:absolute; left: 150px; top: 0px;
  width:            	202px;
  height: 365px;
  background-color: #eff0f0;
  padding:15px 10px 10px 18px;
  line-height:      16px;
  font-size:        	80%;
  z-index: 89;
}


/************************************************
        para scroll taller
************************************************/
.scroll
{
	position:absolute; left: 150px; top:0px;
    width:205px; height:360px;
    overflow:hidden;
    background-color: #eff0f0;
  padding:14px 10px 15px 15px;
  line-height:      18px;
  font-size:        	80%;
  z-index: 89;
}  
.flecha
{
    cursor:pointer;
    line-height:      20px;
}
#flechas {
position:absolute; left: 130px; top: 365px;
}
.flechaup a { 
display:block; 
width:11px; 
height:8px; 
background:url('imagenes/flecharriba.png'); 
} 
.flechadown a { 
display:block; 
width:11px; 
height:14px; 
background:url('imagenes/flechabajo.png'); 
} 
.flechaup a:hover { 
background:url('imagenes/flecharribaroja.png') no-repeat
} 
.flechadown a:hover { 
background:url('imagenes/flechabajoroja.png') no-repeat
} 

#scrolltaller ul {
   margin-left: 1em;
   padding-left: 0;
}
#scrolltaller ul li {
   margin-left: 1em;
}


    


/************************************************
        para foto derecha
************************************************/


#seccion {
position:absolute; left: 150px; top: 0px;
z-index: 70;
}
.interlineado {
line-height:      15px;
}
.interlineadoactivo {
color:      #bf1e2e;
padding:0px 10px 0px 0;
    margin-left:12px;
    margin-top:0px;
   display:block; /* pone el menu en fila*/
    height:20px; /* separ el menu mas o menos*/
}


/************************************************
        para menu desplegable
************************************************/


    #menu {	
    position:absolute; left: 150px; top: 0px;
    width: 210px; 
    height: 374px;
    z-index: 100;
    background-color: #eff0f0;
    padding:5px 10px 10px 10px;
    font-size:        	70%;
    line-height:      33%;
    line-height: -moz-
	}
	
	
	.navegador a:link {
	color: #000;
	text-decoration: none;
	}
	.navegador a:visited {
	color: #000;
	text-decoration: none;
	}
	.navegador a:hover {
	color: #8c8c8c;
	}
	.navegador a:active {	
	color: #bf1e2e;  
	text-decoration: none; 
	}
	
	#menu ul li a {	
	width: 120px; 
	
	margin-top: 15px; 
	padding-left: 0px; 
	}

	#menu ul {
	text-align: left; 
	list-style-type:none;
	}
	#menu ul li {
	padding: 5px 0; 
	
	}

	#menu ul li a.desplegable {	
	background: url(imagenes/toggle-small-expand.png) no-repeat; 
	margin-top: 15px; 
	padding-left: 25px;  
	}
	
	#menu ul li a.desplegable:hover {	
	background: url(imagenes/toggle-small.png) no-repeat; 
	margin-top: 15px; 
	padding-left: 25px;   
	}
	
	#menu ul li li{	
	padding-left: 10px;
	
	margin-bottom: -2px;
	}
.subnavegador  {
	padding-left: 25px;
	}
.subnavegador a:link {
	color: #8c8c8c;
	text-decoration: none;
	}
.subnavegador a:visited {
	color: #8c8c8c;
	text-decoration: none;
	}
.subnavegador a:hover {
	color: #000;
	}
.subnavegador a:active {	
	color: #bf1e2e;  
	text-decoration: none; 
	}
	
#menu ul li a.flechabajo {	
	background: url(imagenes/toggle-small.png) no-repeat; 
	margin-top: 15px; 
	padding-left: 25px;  
	}
	

	/************************************************
        para scroll fotos scroll
************************************************/
#slider {
	position:absolute; left:378px; top:0px;
    width:518px; height:450px;
  	z-index: 99;
  	
}  
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		font-size:10px;
		
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:518px; height:423px;
		overflow:hidden; 
		}
	span#prevBtn{
	
	background:url('imagenes/flechaizqdagris.png'); 
	text-decoration:  none;
	background-repeat: no-repeat;
	position:absolute;
	top:402px;
	left:354px;
	}
	span#prevBtn a:hover {

	background:url('imagenes/flechaizqdarojo.png'); 
	text-decoration:  none;
	background-repeat: no-repeat;
	}
	span#nextBtn{
	background:url('imagenes/flechaderechagris.png');
	text-decoration:  none;
	background-repeat: no-repeat;
		position:absolute;
	top:402px;
	left:360px;
}		
	span#nextBtn a:hover {
	background:url('imagenes/flechaderecharojo.png'); 
	text-decoration:  none;
	background-repeat: no-repeat;
	}
	.leyenda {
	display:block; 
	margin: 5px 10px 0px 10px;
	line-height:      14px;
	text-align:center;
    }
    .leyenda a:link {
    color:#bf1e2e;
    font-weight: bold;
}
    .leyenda a:visited {
    color:#bf1e2e;
    font-weight: bold;
}
    .leyenda a:hover {
    color:#000000;
    font-weight: bold;
}

/* // Easy Slider */

	/************************************************
        Enlaces en texto
************************************************/
span.enlace a:link{
color:#000000;
}
span.enlace a:hover{
color:#bf1e2e;
}


	/************************************************
      Banner nice-price
************************************************/
.niceprice{ 
		position: absolute;
		top: 70px;
		margin-left: 400px;
		z-index: 100;
		
	}	
	
		/************************************************
      Banner diccionario arroyo
************************************************/
.diccionario{ 
		position: absolute;
		top: 63px;
		margin-left: 374px;
		z-index: 100;
	}
	
	/************************************************
      interlineado pequeño (no Time)
************************************************/
	.interlineadop{
	line-height:      14px;
	}
	.centrado{
	text-align:center;
	}