/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
	
}

body {
	font-size: 12px;
	font-family: Verdana, sans-serif;
text-align: left; 
line-height: 18px;
color:#5E2B0E;
margin-top: 0px;
background: url(http://elylu.com/sandia/files/SandiaBG.jpg) repeat;
/*	background: url(http://elylu.com/sandia/files/SandiaBGHeader.png) repeat-x;
*/
}

#wrapper { 
width: 1020px;
height: auto;
margin: 0 auto; 
text-align: left; 
background: none; 
}
#header{
	position:relative;
	clear:both;

	margin-top:0px;
        width:1020px;
	height:141px;

	background: url(http://elylu.com/sandia/files/SandiaBGHeaderHeader.png) no-repeat;
	}
	
	#fondoHeader{ 
		margin-top:20px;
	background: url(http://elylu.com/sandia/files/SandiaBGHeader.png) repeat-x;
}

#logo{
	background:none;
	width:138px;
	height:125px;
	float:left;
	margin-left: 140px;
    margin-top: 15px;
}

#logo a:link { background:none; text-decoration: none; }
#logo a:active { background:none; color: #fff; text-decoration: none; }
#logo a:visited {background:none; text-decoration: none; c}
#logo a:hover {  background:none; text-decoration: none; }

#ColumnaIzquierda{
	
	width:200px;
	height:550px;
    float: left;
  padding-right:15px;
    padding-top: 0px;
background: none;

	}
#ColumnaIzquierda img { 
display:block; /*allows the element to take auto margins*/ 
margin:0 auto; /*centers in compliant browsers*/ 
text-align:center; /*centers in old versions of IE*/  
} 

.notas{
font-size: 10px;
font-family: Verdana, sans-serif;
line-height: 10px;
}

#pane1{
	position:relative;
}

.scroll-pane {
   padding-left: 35px;
	width: 110px;
	height: 315px;
	float: left;
}

.Tnews{
color: #00999d; text-decoration: none; font-weight:bold;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { color: #00999d; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }
a:visited { text-decoration: none; color: #00999d; }
a:hover {  background: #00999d; color: #fff; text-decoration: none; }


#menu a:link { color: #00999d; text-decoration: none; }
#menu a:active { color: #fff; text-decoration: none; }
#menu a:visited { text-decoration: none; color: #00999d; }
#menu a:hover {  background: #00999d; color: #fff; text-decoration: none; }
/*------------menu-------------------------*/
a img { border: none; background:no-repeat; }

#menu {
display:none !important;
text-aling: left;
width: 175px; 
float: left;
margin-top:85px;
margin-left:20px;
background:#ffeac2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border: 1px solid #FFE4AF;
}
#menu .section-title { font-weight: bold; }

#menu ul {
    /*background:#0099CC;*/
	list-style: none;
	margin: 0 0 12px 10px;
}

/*menu ul li.section-title {}*/

#content {
	min-height:500px;
	/*clear:both;*/
	float:left;
width: 840px;
 margin-top:0px;
 margin-left:90px;
background: #000;
padding-top:55px;
	background: url(http://elylu.com/sandia/files/SandiaBGContent.png) repeat-y;
}

.container {
    padding: 5px 30px 5px 30px;
	background:no-repeat;
}

#content p { width:auto; margin-bottom: 9px; background:no-repeat;  }

p {
    margin: 0 0 9px 0;
}

#contentEnd{
		float:left;
width: 840px;
 margin-top:0px;
 margin-left:90px;
background: #fff;
	height: 51px;
		background: url(http://elylu.com/sandia/files/SandiaBGContentEnd.png) no-repeat;
	}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; background:no-repeat;}
#img-container p	{ margin: 0 auto;  text-align: center; width: 300px;  background:no-repeat; font-weight: bold;  }
.img-bot { }
#img-container p.nav {  margin: 0 auto;  text-align: center; padding-bottom: 10px;}
#s1.pics{  display: block; margin: 0 auto; text-align: center; width: 537px; }
#once { clear: left; }


#once { clear: left; }

.clear-both { clear: both; }


/*menu up el menu de las imagenes -------------------------------------------------------------------------------
*/
#menuUp {
	list-style: none;
	margin-top:115px;
	padding: 0px;
	width: 700px;
    margin-left:0px;
	height: 0px;
	position: absolute;
	left:255px;
/*	overflow: hidden;
*/	float: left;
	
}
#menuUp span {




	display: none;
	position: absolute;
}
#menuUp a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menuUp a:hover {
	background-position: left bottom;
}
#menuUp a:hover span{
	display: block;
}


#menuUp .about {
	width: 72px;
	height: 26px;
	background: url(http://elylu.com/sandia/files/aboutBTN.png) no-repeat;
	left: 140px;
	top: 0px;
}


#menuUp .work {
	width: 72px;
	height: 26px;
	background: url(http://elylu.com/sandia/files/workBTN.png) no-repeat;
	left: 220px;
	top: 0px;
}

#menuUp .blog {
	width: 72px;
	height: 26px;
	background: url(http://elylu.com/sandia/files/blogBTN.png) no-repeat;
	left: 300px;
	top: 0px;
}


#menuUp .shop {
	width: 72px;
	height: 26px;
	background: url(http://elylu.com/sandia/files/shoptBTN.png) no-repeat;
	left: 380px;
	top: 0px;
}

/*#menuUp .shop span {
	width: 72px;
	height: 100px;
	background: url(http://elylu.com/sandia/files/soonPOP.png) no-repeat;
	left: 35px;
	bottom: -7px;
}*/


#menuUp .contact {
	width: 72px;
	height: 26px;
	background: url(http://elylu.com/sandia/files/contactBTN.png) no-repeat;
	left: 460px;
	top: 0px;
}

#iframed {
	margin-left:240px;
	width:540px;
	height:600px;
	
	}