body {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: left; 
}
a{
color:#000000;
text-decoration:none;
border:0px;
}
a:hover{
color: #999999;
}
h1{
color: #999999;
letter-spacing:-1px;
font-size:18px;
}
h2{
letter-spacing:-1px;
font-size:17px;
height:20px;
}
h3{
color:#CCCCCC;
}
hr	{
height:1px;
color:#999999;
background-color:#999999;
border:0px;
}
.LinkGris{
color:#333333;
font-weight: bold;
 
}
.Idioma{
color: #999999;
}
.style #container {
	width: 900px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
}
.style #containerfooter {
	width: 900px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	color:#FFFFFF;
}
.style #header { 
	padding:0px;
	margin:0px;
	height:140px;
	clear:both;
		
} 
h1#Gaston {
    padding-top:139px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background-image: url(Img/BayleDesignLogo2010.jpg);
    background-repeat: no-repeat;
	float:left;
}

.style #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
.style #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#000000;
	height:400px;
} 
.style #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fotos{
margin:0px;
} 
.iconos{
padding-right:20px;
} 
.tipoiconos{
line-height:10px;
margin-bottom:30px;
}

.Campos{  
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(Img/BackContact01.jpg);
background-repeat:no-repeat;
background-color:#000000;
font-size: 11px; 
font-style: normal; 
line-height: 18px; 
font-weight: bold; 
color: #FFFFFF;  
width: 352px;
height:30px;
margin-bottom:6px;
padding-left:10px;
border:0px;
border-style:none;

}		
.Campos02{  
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(Img/BackContact02.jpg);
background-repeat:no-repeat;
background-color:#000000;
font-size: 11px; 
font-style: normal; 
line-height: 18px; 
font-weight: bold; 
color: #FFFFFF;  
width: 352px;
height:76px;
margin-bottom:6px;
padding-top:10px;
padding-left:10px;
border:0px;
border-style:none;

}	


/*Nuevas columnas Web*/
#LeftSideBar{
	float: left;
	width: 299px;
	height:100px;
	margin:0px;
	padding:0px;
	}

#RightContent{ 
	height: 100px;
	float: right;
	clear:right;	
	width: 600px;
	margin:0px;
	padding:0px;
}
/*columnas Web*/
.style #web01 {
position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:320px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	}
.style #web02 { 
	position:relative;
	padding:0 320px;
	} 
.style #web03 { 
position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:320px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:320px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
	}
	#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
	
	
	
	.style #webfooter01 {
	position:relative;
	float:left;
	width:450px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px; /* actual value */
	margin:0 0 -20px 0;
	padding:0px;
	z-index:100;
	}
/*Carrousell*/	
	#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	
	}
	.Destacated
	{float:left;
	margin:0px;
	padding-right:20px;
	}
	.destacatedline
	{
	text-align:left;
	width:400px;
	}
	.pdestacated{
	padding-right:50px;
	text-align:justify;
	color:#CCCCCC;
	}
	.pdestacated2{
	padding-right:50px;
	text-align:justify;
	color: #999999;
	}
	.style #itemContainer{
	width:900px;
	height:300px;
	}
	
	
/* Slider de Imagenes solas   */
	
	div.wrap {
width : 900px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 900px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 450px;
/* background : url(images/header-bg.png) no-repeat 50% 0;*/
}
div#header div#slide-holder {
z-index : 40;
width : 900px;
height : 450px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
	top : 2px;
	left : 0px;
	width : 900px;
	height : 450px;
	overflow : hidden;
	position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 900px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}
/* Slider de Imagenes solas Final  */