* {padding:0px;margin:0px;border:0px;text-align: left;}
body {  background-color:#333333;}
img {border:0px;}
a:focus {outline:none}

#contenedor {width:960px; margin:0 auto; height:1920px; background-image:url(../images/fnd-general.jpg); background-repeat:no-repeat;}

/* header */
#logo img {float:left; margin-left:45px;}
#head {float:left; width:960px; height:150px;}
#botonera-head {float:right; width:50px; height:50px; margin-top:71px;} 

/*Slider Principal*/
#slider-principal { float:left; width:960px; height:351px;}
#slideshow { position:relative; height:350px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

/*servicios*/
#titulo-servicios {float:left; height:100px; width:960px}
#titulo-servicios img { float:left; margin:56px 0 0 31px; }
#contenedor-slider {float:left; margin:43px 0 0 80px;}

img{border:none;}
pre{display:block;font:12px "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; width:839px;}				

/* image replacement */
.graphic, #prevBtn, #nextBtn{ margin:0; padding:0;display:block;overflow:hidden; text-indent:-8000px;}
#container{	margin:0 auto; position:relative; text-align:left; width:839px; margin-bottom:10px;}	
				


/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:837px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:42px;
		height:79px;
		position:absolute;
		left:-50px;
		top:71px;
		}	
	#nextBtn{ 
		left:837px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:42px;
		height:79px;
		background:url(../images/flecha-iz.jpg) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/flecha-dr.jpg) no-repeat 0 0;	
		}		
		
/* Portfolio */
#portfolio {float:left}
#portfolio ul {float:left; width:960px; height:215px;}
.primer-listado {margin:5px 0 0 26px;}
.segundo-listado {margin:0 0 0 26px;}
#portfolio li {float:left; list-style:none}

#titulo-portfolio {float:left; height:90px; width:960px}
#titulo-portfolio img { float:left; margin:26px 0 0 31px;}

/*contacto*/
#contenedor-contacto-acerca {float:left; width:960px; height:270px;}
#contacto {float:left; height:270px; width:560px}
.formulario-contacto {float:left; height:28px; width:210px; background-color:transparent;  border-color:#666666; border-style:solid; border-width:thin; margin:5px 5px 7px 0; font-family:Verdana, Geneva, sans-serif; color:#CCCCCC; padding:0 0 0 5px;}
#tit-contacto {float:left; margin-left:31px; margin-bottom:10px;}
#columna-izquierda-form {float:left; margin-left:33px; width:210px;}
#columna-derecha-form {float:left; margin-left:33px; width:280px;}
.formulario-text-area {float:left; height:106px; width:260px; background-color:transparent; border-color:#666666; border-style:solid; border-width:thin; margin:5px 5px 7px 0; font-family:Verdana, Geneva, sans-serif; color:#CCCCCC; padding:7px 0 0 7px; font-size:12px;}
.boton-enviar {float:left; background-color:#999; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-top:5px; padding:6px; width:267px;}
.boton-enviar :hover {float:left; background-color:#333 color:#999; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-top:5px; padding:6px; width:267px;}
input.error{border:1px solid red}
textarea.error{border:1px solid red}

/* se dice de mi*/
#acerca-de-nosotros {float:left; width:400px; height:auto; margin-top:15px;}
#titulo-se-dice {float:left; height:34px; width:303px; margin-top:15px;}
.sombra-se-dice {float:left; height:270px; width:42px;}
#citas {float:left; width:303px; height:270px;}
#citas blockquote {float:left; margin:15px 5px 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#999;}
#citas blockquote p {float:left; margin-bottom:15px;}