/*---------------------------propiedades del body o fondo principal del sitio ----------------------------------*/

body
{
background-image:url(http://upload.wikimedia.org/wikipedia/commons/a/a3/Colima_volcano_aero.jpg); 
background-attachment:fixed;
background-position:;
background-repeat:no-repeat;
background-color:#2070c7;
margin-top:0px;
}



#contenedor
{
	width:1040px;
	margin:0 auto;
	padding-top:x;
	text-align:;
	background-color:#;
        background-image:url(); 
        background-repeat:repeat-y;
}

#contenedorin
{
	width:1040px;
	margin:0 auto;
        margin-top:0px;  
	padding-top:;
	text-align:;
	background-color:#;
        background-image:url(http://www.publicidadintegralspi.com/archivos/images/fon.png);
        background-repeat:repeat-y;
}



#logo
{
width:1040px;
height:110px;
margin-top:10px;
margin-bottom:50px;
background-image:url();

padding-top:0px;
padding-left:20px;
padding-bottom:0px;

z-index:12;
}

#menu
{
width:1040px;
height:104px;
margin-left:0px;
margin-top:-10px;
background-image:url(http://www.publicidadintegralspi.com/archivos/images/sup.png);
background-repeat:no-repeat;

padding-top:0px;

float:none;
}



#pie
{
width:1040px;
height:101px;

background-color: #;
background-image:url(http://www.publicidadintegralspi.com/archivos/images/inf.png);
background-repeat:repeat-x;
margin-top:0px;
margin-left:0px;
padding-top:-95px;

float:left;
}


#medio
{
width:1040px;
height:auto;

background-color:;
background-image:;
background-repeat:no-repeat;
margin:0px;


}



#medioin
{
width:1040px;
height:auto;

background-color:;
background-image:;
background-repeat:no-repeat;
margin:0px;


}


#banner
{
width:1040px;
height:auto;
padding-left:20px;

background-color:#;
background-image:;
background-repeat:no-repeat;
margin:0px;


}





#scrolable
{
width:530px;
height:345px;

background-color: #;
background-image:;
background-repeat:no-repeat;
margin-left:0px;
margin-top:0px;

padding-right:10px;

padding-left:20px;

padding-bottomm:10px;
overflow:scroll;



}





/*--------------------------------propiedades generales de la ligas --------------------------------------------*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/*----------------MEN� MULTINIVELES---------------------------------------------------------------------------------*/
/* NO CAMBIAR Y NO MOVER DATOS */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* ----------AQUI SI PUEDEN MODIFICAR*/

#nav ul { width: 130px; } /* ANCHO DEL SUBMENU*/
#nav ul ul { left: 125px; } /* */

/* Everything else is theming */
 
#nav { margin-left:24px;  padding-left:10px; margin-top: 18px; background-image:url(); background-color: #BF1B1B; height: 25px; vertical-align:middle; padding-bottom:10px;}
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid #dededd; 
         color: #ffffff; 
         font-family:arial;
         font-size: 13px; 
         padding: 12px; 
         padding-left:15px;
         line-height: 1; 
         text-decoration:none; 
	 font-weight:bold;
         
       }
  #nav li.hover a { background-color: #; background-image:url(); color:#FFFF1C;}
  #nav ul { top: 38px; }
    #nav ul li a { background-color: #ffffff;  padding: 8px; font-size:11px; }
      #nav ul a.hover { background-color: #000000; color:#ffffff; font-size:11px;}
   #nav ul a {  border-bottom: 1px solid #000000; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/*----------------menu multiniveles---------------------------------------------------------------------------------*/


/*----------------PROPIEDADES DE LA GALER�A N�MERADA--------------------------------------------------------------------------------*/

#gal {  
	list-style:none;
	margin:0;
	padding:0;
}
#gal li {
	margin:2px;
	padding:0;
	font-family: arial;
	float:left;
	background-color: #333333;
}
#gal li a {
	display:block; 
	width:20px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#666666;
}

#gal li a:hover {
	color:#000000;
	background-color:#CCCCCC;
}




#slider {
	width:709px;
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:709px;
	height:180px;
	overflow:hidden;
}
p#controls {
	margin:0;
	position:relative;
}
#prevBtn, #nextBtn {
	display:block;
	margin:0;
	overflow:hidden;
	width:30px;
	height:290px;
	position:absolute;
	left:-45px;
	top:-160px;
}
#nextBtn {
	left:517px;
}
#prevBtn a {
	display:block;
	width:30px;
	height:290px;
	background: url(images/l_arrow.gif) no-repeat 0 0;
}
#nextBtn a {
	display:block;
	width:30px;
	height:290px;
	background: url(images/r_arrow.jpg) no-repeat 0 0;
}
