/* Marmoles Pascual 2006 */

/* general */

html { 
	min-width: 800px;
}

img	{
	border: 0;
}

p.access	{
	display: none;
}


a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #666;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #fb0909;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #555;
	background: transparent;  
	}
	
body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #ca0000 url(../imgs/bg.gif) top  repeat-x;
	color: #663;
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}


/* Content of All */

div#wrapper	{
	color: #663;
	background: #fff;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	top: 0;
}




/* img cabecera */
h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 780px;
	height: 90px;
	background: #fff url(../imgs/granitos.gif) top left no-repeat;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	}
	
h1 a:hover	{
	background: #fff url(../imgs/granitos.gif) top left no-repeat;
	}
	
/* global nav  o menu principal */	

div#topnav	{
	height: 31px;
	width: 800px;
	margin: 0;
	padding: 0;
	border: 0;
	background:#868686;
}

div#topnav ul#menu	{
	height: 31px;
	width: 800px;
	background:transparent url(../imgs/bgglobalnav.gif) top left repeat-x;
	margin: 0;
	padding: 0;
	 
	}



div#topnav ul#menu li {
 	padding: 0;
	list-style: none;
	top: 0;
	float:left
	
	}
	
div#topnav ul#menu li a {
        float:left;
	display: block;
	padding:5px 20px 5px 20px;
	font: 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
        font-weight : bold; 
	text-decoration : none;
	color:#fff;
	 
}
div#topnav ul#menu li a:hover {
 
  background:#ca0000;
  height:20px;

}

#home div#wrapper div#topnav ul#menu li#inicio{
background:#ca0000;
  height:30px;
}

#canterasop div#wrapper div#topnav ul#menu li#canteras{
background:#ca0000;
 height:30px;
}
#empresaop div#wrapper div#topnav ul#menu li#empresa{
background:#ca0000;
height:30px;
}

#colocacionop div#wrapper div#topnav ul#menu li#colocacion{
background:#ca0000;
height:30px;
}
#obrasop div#wrapper div#topnav ul#menu li#obras{
background:#ca0000;
height:30px;
}
#materialesop div#wrapper div#topnav ul#menu li#materiales{
background:#ca0000;
height:30px;
}

div#maincontent {
    position:absolute;
	top:266px;
	padding: 0;
	border: 0;
	width:800px;
	margin: 0 auto;
	/* False margin value for all versions of IE Win, including 6.0 */	
	
        background:#fff;
	}

html>body div#maincontent {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	min-width: 800px;
	}


div#leftbar{
  float:left;
  width:480px;
  padding:10px;

}

div#sidebar {
	margin: 0 0 0 510px;
	padding: 10px 6px;
	width: 273px;
	border: 0;
	}

	
div#flashobject{
    margin-left:10px;
}

.galeria{
 font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
      	text-decoration : none;
        color:#333;
        background:#fff;
        border:1px solid #e0dbdb;
        list-style:none;
        padding:7px;
        margin-bottom:2px;
}

.thumbnail img, .galeria img{
  border:#ccc 3px solid;
  margin:2px;
}
 
.galeria h4{
font: 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
      	text-decoration : none;
        color:#333;
}


.listado {
        font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
      	text-decoration : none;
        color:#333;
        background:#fff;
        border:1px solid #e0dbdb;
         
        list-style:none
}

 
.listado .sublist {
 width:400px;
}
.listado  a {
  font-size:1.2em;
   
}
 
.listado  img, .listado  a img{
  float:left;
  border:#ccc 3px solid;
  margin:2px;
  
}

.principal {
        font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
      	text-decoration : none;
        color:#333;
        background:#fff;
        border:1px solid #e0dbdb;
        padding: 6px;
        margin-left: 2px;
        margin-bottom:6px;
 
}

.principal h3 {
        font: 20px  verdana, lucida, sans-serif;
        color: #ca0000;
        background:#fff;
        font-weight : bold; 
	    text-decoration : none;
 
}


.principal li {
  list-style:none
}
   
.principal .cabecera {
   padding: 5px;
   font: 14px  verdana, lucida, sans-serif;
   font-weight : bold; 
   text-decoration : none;
   color:#fff;
   background:#CA0000 url(../imgs/bgsecondnav.gif) top left repeat-x;
}
.principal .cabecera:hover {
  
   background:#FFCC00 url(../imgs/bgglobalnav.gif) top left repeat-x;
   
}

/* menu idioma */

div#idiomNav {
	height: 21px;
	width: 220px;
	margin-left: 25px;
	padding: 6px;
	border: 0;
	
}

div#idiomNav ul#menuIdioma	{
	height: 21px;
    margin: 0;
	padding: 0;
	 
	}

div#idiomNav ul#menuIdioma li {
   	padding: 0;
   	width: 100px;
	list-style: none;
	top: 0;
	float:left
}
	
div#idiomNav ul#menuIdioma li a {
    float:left;
  	display: block;
  	
	padding:5px 20px 5px 20px;
	background:transparent url(../imgs/bgglobalnav.gif) top left repeat-x;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-weight : bold; 
	text-decoration : none;
	color:#fff;
	 
}
div#idiomNav ul#menuIdioma li a:hover {
 
  background:#ca0000;
  height:16px;
   
}

.opciones img, .principal img {
   float:left;
   margin:3px;
   margin-top: 17px;
   border: 3px solid #ccc;
}




/*  OPCIONES LATERALES */
.opciones {
        font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
      	text-decoration : none;
        color:#333;
        background:#fff;
        border:1px solid #e0dbdb;
        padding: 6px;
        margin-left: 2px;
        margin-bottom:6px;

}
.opciones .cabecera{
   padding: 5px;
   font: 12px  verdana, lucida, sans-serif;
   font-weight : bold; 
   text-decoration : none;
   color:#fff;
   background:#CA0000 url(../imgs/bgglobalnav.gif) top left repeat-x;
   height: 15px;
}

.opciones .cabecera:hover {
    background: #CA0000;
}



/* 2 subopciones verticales */

 

.vertical {
     float: left;
     width: 200px;
     font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
   	 text-decoration: none;
     color: #333;
     background: #fff;
     border:1px solid #e0dbdb;
     padding: 6px;
     margin-left: 2px;
     margin-bottom: 6px;
}

.vertical2 {
     float: left;
     width: 143px;
     font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
   	 text-decoration: none;
     color: #333;
     background: #fff;
     border:1px solid #e0dbdb;
     padding: 6px;
     margin-left: 2px;
     margin-bottom: 6px;
     
}

.vertical .cabecera, .vertical2 .cabecera {
      font: 14px  verdana, lucida, sans-serif;
      font-weight: bold; 
      text-decoration: none;
      color: #fff;
      padding: 5px;
      background: #CA0000 url(../imgs/bgsecondnav.gif) top left repeat-x;
      height: 15px;
}

.vertical img {    
   border: 3px solid #ccc;
   margin: 10px 0 0 30px;
}

.vertical2 img {
   border: 3px solid #ccc;
   margin: 10px 0 0 20px;
}

.vertical2 a {
   text-align:center;
  margin:  0 0 20px;
}


div#footer {
	  clear: both;
 	  border-top: 10px solid #eed;
 	  text-align: center;
 	  color: #fff;
	  padding: 0;
	  border: 0;
	  width: 800px;
	  margin: 0 auto;
	  background:#333;
	  height:60px;
}
	
	
 

 

div#footer ul#menufooter{
   margin-top:2px;
   padding:3px;
   list-style:none;
   text-align:center;

}

div#footer ul#menufooter li{ 
    display: inline;
	padding: 0.5em;
	
}

  div#footer ul#menufooter li a {
     padding: 0.5em;
     color: #fff;
     font-size: 1em;
   
}
	
	
	
	
	
	
	
	
	
/* menu subopciones */



div#secondnav	{
	 
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-weight : bold; 
    text-decoration : none;
    color:#333;
    background:#fff;
   
    padding: 6px 6px  6px 40px;
    margin-bottom:6px;
    
	 
}

div#secondnav ul#menusecond	{
    width:175px;
    margin: 0;
	padding: 0;
	text-align: right;
	 
}

div#secondnav ul#menusecond li {
    width: 175px;
    height: 20px;
    margin-bottom: 6px;
    list-style: none;
 	float:left
	
}
	
div#secondnav ul#menusecond li a {
    display: block;	
   background:transparent url(../imgs/bgglobalnav.gif) top left repeat-x;
	 
    padding:5px;
	
	color:#fff;
	width: 175px;
    height: 15px;
}

div#secondnav ul#menusecond li a:hover {
      
    background:#CA0000 url(../imgs/bgsecondnav.gif) top left repeat-x;
    width: 175px;
    height: 15px;
 
}


	
div#breadcrumbs{
    clear:both;
    font-size:0.8em;
    padding:2px;
    width:780px;
    margin: 0 0 0 12px;
}



.relacionados{
background:#fff;
        border:1px solid #e0dbdb;
        padding: 6px;
        margin-left: 2px;
        margin-bottom:6px;
        
width:450px;
clear:both;

}

input, textarea {background:#fff; border:1px solid #ccc;   }
input:focus, textarea:focus {color: #000; background-color:#f1f1f1; border:1px solid #af0101;}