/* CSS stenelevadores.com */

*{
	border:0;
	margin:0;
	padding:0;
}

body{
	background: url(../img/fondo.jpg) repeat-x top #427589;
	font-family:Tahoma, Geneva, sans-serif;
}


h1, #slogan h2{
	font-size:105%;
	font-weight:normal;
	letter-spacing:1px;
}

h1.slogan-interior{
	padding-top:50px;
}

address{
	font-style:normal;
	letter-spacing:1px;
}

#contenedor{
	width:950px;
	margin:0 auto;
	min-height:250px;
}

iframe{
	 width:550px;
	 height:350px;
}

/*----cabecera----*/
#cabecera{
}

#logo{
	width:271px;
	background:url(../img/sidebar.jpg) #FFF repeat-y;
	height:102px;
	float:left;
}

#slogan{
	float:right;
	color:#FFF;
	width:659px;
	padding:15px 10px 10px 10px;
	text-align:right;
}

/*--------- menu y sidebar ------*/
#menu{
	width:271px;
	float:left;
	background:url(../img/sidebar.jpg) #427589 center repeat-y;
	
}

#menu ul{
	padding-top:10px;
}

#menu li{
	text-transform:uppercase;
	list-style:none;
	font-size:90%;
	line-height:41px;
	padding-left:40px;
}

#menu a{
	color:#333;	
	text-decoration:none;
}

#menu li, #menu a{
	display:block;
	}

#menu li:hover{
	background:url(../img/destacar.jpg) no-repeat top center transparent;
}

/*-contenido---*/
#cuerpo{
	background:url(../img/sidebar.jpg) #427589 repeat-y;
	min-height:450px;
	
}

#contenido{
	/*margin-left:271px;*/
	width:635px;
	min-height:450px;
	float:right;
	color:#FFF;
	padding:20px 20px 15px 20px;
	font-size:80%;
}

#contenido h2{
	font-size:130%;
	font-weight:normal;
	margin:10px 0 5px 0;
	border-bottom:1px dotted #CCC;
	color:#CCC;
	letter-spacing:2px;
}

#contenido h3{
	font-size:120%;
	font-weight:normal;
	margin:20px 0 5px 0;
	border-bottom:1px dotted #CCC;
	color:#FFF;
	letter-spacing:2px;
}

#contenido p{
	/*font-size:80%;*/
	letter-spacing:1px;
	line-height:15px;
	margin-bottom:10px;
}

#contenido ul{
	margin:10px 0;
}

#contenido li{
	/*font-size:80%;*/
	letter-spacing:1px;
	margin-left:30px;
	line-height:20px;
	/*height:16px;*/
	
	vertical-align:middle;
	/*list-style-image:url(../img/vineta.jpg);*/
}

#contenido li.TabbedPanelsTab{
	margin-left:0px;
	margin:0px;
}

#contenido a{
	color:#ccc;
}

ul.ventajas{
	list-style-image:url(../img/vineta.jpg);
}

#galeria{
	border:1px solid #BDC0C1;
	width:100%;
	background:url(../img/fondo-galeria.png) repeat-x bottom;
}

#galeria p{
	font-size:80%;
	text-align:right;
	padding-right:10px;
}

#galeria li{
	list-style:none;
	display:inline;
	margin:0px 4px;
}

#galeria img{
	padding:2px;
	background-color:#b1c3cb;
}

#galeria img:hover{
	background-color:#fff;
}


/*-----pie--*/
#pie{
	height:42px;
	background:url(../img/pie-todo.jpg) top center no-repeat;
	width:100%;
	color:#ccc;
	font-size:70%;
	text-align:right;
	padding-top:8px;
}

#pie ul{
	margin-right:20px;
}

#pie a{
	color:#CCC;
}
#pie a:hover{
	text-decoration:none;
}

#pie li{
	display:inline;
}

/*-especial-*/
.clear{clear:both;}

.intro{
	width:550px;
}

.intro a{
	height:50px;
	margin-top:5px;
	width:110px;
	font-size:80%;
}

.intro a, .intro li{
	color:#FFF;
	line-height:13px;
	text-decoration:none;
	text-align:center;
	display:block;
	width:115px;
	float:left;
	margin:0;
}

.intro a:hover{
	color:#000;
}

.intro img{
	margin:0;
}


.aqui{
	background:url(../img/destacar.jpg) no-repeat top center transparent;
}



/*----------------- para jquery -----*/

#navigation li ul{
	width:200px;
	/*margin:0 0 0 -30px;*/
	font-size:90%;
}

#navigation li ul li{	
	text-transform:lowercase;
	line-height:15px;
	height:43px;
}
					   

#navigation li ul li, #navigation li ul li a{
	display:block;
	padding-left:5px;
}

#navigation li:hover{
	background-color:transparent;
}

#navigation li ul{
	width:200px;
}


/*--*/
#menu ul li ul li {
	width:270px;
	margin:0 0 0 -42px;	
	font-size:90%;
	text-transform:lowercase;
	line-height:15px;
	height:43px;
}

#menu ul li ul li a{
	width:200px;
	padding-left:45px;
	height:43px;
	padding-top:5px;
}


#menu ul li ul li, #navigation li ul li a{
	display:block;
	padding-left:5px;
}

#menu ul li:hover{
	background-color:transparent;
}

#menu li ul{
	width:200px;
}

#menu ul li.aqui ul li.aqui{
	padding-left:45px;
	padding-right:45px;
	padding-top:5px;
	width:200px;
	background:url(../img/destacar.jpg) no-repeat left top transparent;
}


.duda{
	border:1px solid #CCC;
	text-align:center;
	background-color:#2f5361;
	padding:5px 10px 10px 10px;
	margin:5px;
}



	

/*FORMULARIO*/

#formulario{
/*padding: 0; 
margin: 0;
font-size:80%;*/
margin-top:20px;
padding-bottom:20px;
width:70%;
float:left;
}

#formulario label{
	float: left; 
	width: 90px; 
	text-align:right;
	height:18px;
	margin-bottom:4px;
	margin-left:10px;
	padding-top:2px;
}


#formulario input{
	float: right; 
	border-bottom:1px dotted #666;
	background-color:#F0F0F0;
	width:250px; 
	margin-right:30px; 
	height:20px;
	margin-bottom:4px;
	padding-left:5px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666;
 }
 

#formulario input.boton{
	border:1px solid #666;
	height:23px;
	cursor: pointer;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	padding:3px;
	margin-top:10px;
	
	background-color:#ccc;
	color:#666;
	cursor:pointer;
	width:130px;
}

#formulario input.boton:hover{
	background-color:#666;
	color:#ccc;
	border:1px solid #666;
}

#formulario textarea{
	float: right; 
	width: 250px; 
	padding:2px;
	margin:2px;
	margin-right:30px;
	padding-left:5px;
	border-bottom:1px dotted #666;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#F0F0F0;
	color:#666;
	/*font-size:90%;*/
}


#formulario input.check{
	width:20px;
	background-color:transparent;
	margin-left:0px;
	border:0px;
}

#formulario label.checklabel{
	float:right;
	width:300px;
	margin-right:0px;
	/*font-size:80%;*/
}

#formulario label.checklabel a{
	text-decoration:underline;
	/*color:#000000;*/
}


/*----,Noscript --*/
#adv{
	background-color:#FFF;
}

#adv p{
	
	border:1px dashed #036;
	color:#333;
	font-size:90%;
	padding:20px;
	width:400px;
	margin:5px auto;
	text-align:center;
}