/*   
Proyecto: Sonido VALL
estudio RE || Raul Reimer
design: Rauto
construction: Rauto
csskiller: Rauto
Author URI: http://csskiller.com
fecha: 01/11/08
mod1: -
mod2: -

*/

/* Elementos que queremos limpiar completamente: */

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

html {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	line-height: 18px;
	text-shadow: #000 0px 0px 0px;
	height: 100%;
	background: #000 url(/images/bck_html.jpg) no-repeat fixed center bottom;
}

ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 .5em 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font: 2.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	font: 1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}
h1 {
	background: url(/images/logo_sonidovall.png) no-repeat scroll left center;
	width: 300px;
	height: 116px;
	margin: 0;
	float: left;
	text-indent: -1000em;
}
h1 a:link, h1 a:visited {
	width: 300px;
	height: 116px;
	margin: 0;
	display: block;
}
h1 a:hover {
	background-color: transparent;
}
#header h2 {
	font: bold 0px Arial, Helvetica, Geneva, sans-serif;
	color: #414141;
	margin: 0em .6em 0 0;
	padding-top: 0px;
	text-align: right;
	letter-spacing: -2px;
	width: 300px;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}
.box {
	width: 380px;
	float: left;
	position: relative;
	text-align: left;
	margin: 30px 30px 35px 50px;
}
body#sec-contacto .box {
	margin-top: 10px;
}
.full {
	width: 840px;
	clear: both;
}
body#sec-inicio .box h2, body#sec-equipo .box h2 {
	color: #eee;
	font-size: 32px;
	margin: 0;
}
.box h3 {
	color: #e7271c;
	margin-top: 20px;
}
body#sec-inicio .box h3 {
	margin: 20px 0 0;
}
.box p, .box li {
	color: #FFF;
}
/* NAVIGATION -------------------------- */
#nav, #nav ul { /* all lists */
	margin: 40px 0 0px;
	width: 520px;
	list-style: none;
	float: right;
	text-align: right;
}

#nav a {
	display: block;
	color: #FFF;
	margin:0 12px;
}

#nav li { /* all list items */
	float:left;
	color: #FFF;
	padding: 0px;
	margin: 0; /* Firefox y los demás */
	font: normal bold 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 126px;
	left: -999em;
	height:auto !important;
	padding:6px 3px 3px 3px; 
	margin: 0;
	z-index:99;
	background: transparent url(/images/dropdown_bg.png) top left repeat-x;
}
* html #site_nav li ul { /* non-transparent background for ie 5 & 6 */
	background: transparent url(/images/dropdown_bg.gif) top left repeat-x;
}
#nav li ul li { /* second-level lists */
	padding: 0;
	margin: 0;
	background-color: #FFF;
}
#nav li ul li a { /* second-level lists */
	background:none;
	text-align: left;
	text-indent: 0;
	width: 110px !important; 
	padding: 3px 8px;
	margin: 0;
	height:auto !important;
	z-index:99;
	color:#666;
	font: normal bold 12px/16px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
#nav li a:hover {
	color: #e7271c;
}
#nav li ul li a:hover { /* second-level lists */
	color: #FFF;
	background: #333;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
body#sec-inicio .colizqint {
	background: url(/images/bck_cartel.jpg) no-repeat right bottom;
	height: 265px;
} 


.foot {
	font-size: 11px;
	line-height: 18px;
	color: #fff;
	margin: 15px 10px;
}
.foot p {
	
}
.foot a:link, .foot a:visited {
	color: #FFF;
	line-height: 18px;
}
.foot a:hover {
	color: #e7271c;
}
/* Formularios */
/* contacto */
#content div.nota {
	clear:both;
	color: #FFF;
	margin:5px 6em;
	padding:0;
	width:75%;
}
#content div.nota p {
	font-size: .9em;
	background: url(/images/ico_info.png) no-repeat center left;
	line-height: 15px;
	margin: 0 0 0 0px;
	padding: 5px 5px 5px 18px;
}
fieldset {
	border-color:#B6B6B7;
	border-style:solid none none;
	border-width:1px medium medium;
	clear:left;
	display:block;
	float:left;
	margin:10px 30px;
	padding: 0px; 
	width: 60%;
	line-height: 1.8em;
	font-size: 1.1em;
}
body#sec-contacto fieldset {
	width: 340px;
	margin: 1em 0 1em 1em;
	clear: none;
}
fieldset a {
	font-size: 1.1em;
}
body#sec-contacto fieldset.full {
	width: 100%;
}
fieldset.submit {
	margin-bottom: 3em;
	width: 100%;
}
body#sec-contacto fieldset.submit {
	width: 100%;
	margin-bottom: 1em;
}
form, fieldset, button {
	background:transparent none repeat scroll 0%;
	border:medium none;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
legend {
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:10px;
	margin-left:-6px;
	color: #4692E9;
	padding:0;
}
label {
	color:#555;
	display:block;
	float:left; 
	margin-bottom:10px;
	position:relative;
	width:90%;
	line-height: 1.8em;
	font-size: 1.1em;
}
label.full {
	width:100%;
}
input {
	width:90%;
}
input, select, textarea {
	background:#FFF none repeat scroll 0%;
	border:1px solid #999;
	font-size:1.1em;
	color: #666;
	/*font-size-adjust:none;
	font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	padding:3px;
}
input.full {
	width: 90%;
}
textarea {
	height:85px;
	width:90%;
}
input[type="radio"] {
	border: 0;
	width: 1em;
}
.send-button {
     background: url(/images/bck_btn_send.png) no-repeat 0 0;
     display:block;
     color:#555;
     font-size: 1.1em;
     text-decoration:none;
     width:210px;
     height:42px;
     border: none;
     line-height: 42px;
     text-align:center;
	font-weight: bold;
}
.errFld {
	border:1px solid #BA250E;
}
.errMsg {
	color:#BA250E;
	text-transform:lowercase;
}
.message-text {
	color: #E30000;
	width: 75%;
	background-color: #f0ffd2;
	margin:5px 6em;
}
.message-text p.alerta {
	padding: .5em .5em .5em 2.7em;
	color: #E30000;
	font-size: 1.1em;
	background: url(/images/ico_stop.png) no-repeat 10px center;
}
.message-text p.ok {
	padding: .5em .5em .5em 2.7em;
	color: #0f1e6a;
	font-size: 1.2em;
	background: url(/images/ico_accept.png) no-repeat 10px center;
}


body#sec-servicios #fotos h2,body#sec-contacto #fotos h2, body#sec-equipo #fotos h2 {
	/*text-indent: -1000em;*/
	text-align: left;
	font-size: 36px;
	color: #FFF;
	margin: 0px 20px 0 30px;
}
body#sec-servicios #fotos h3, body#sec-contacto #fotos h3, body#sec-equipo #fotos h3{
	font: normal 16px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	margin: 0 320px 0 30px;
	text-align: left;
}
/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Para empezar un layout centrado: */

body {
	text-align: center;
	margin: 0;
	background: transparent url(/images/bck_sound_home.jpg) repeat-x center top;
}

#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background: /*url(/images/bck_wrapper.png)*/ no-repeat center top;
	min-height: 640px;
}
body#sec-servicios, body#sec-contacto, body#sec-equipo {
	margin: 0 auto;
	text-align: left;
	background: transparent url(/images/bck_bd_int.jpg) repeat-x scroll center top;
	min-height: 350px;
}
body#sec-servicios #wrapper, body#sec-contacto #wrapper, body#sec-equipo #wrapper {
	margin: 0 auto;
	text-align: left;
	width: 980px;
	background: url(/images/bck_sound_interno.jpg) no-repeat center top;
	min-height: 350px;
}

#header {
	height: 116px;
	width: 940px;
	margin: 0 auto;
}
#fotos {
	width: 940px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	padding-top: 10px;
	text-align: center;
	background: url(/images/bck_fl.png) no-repeat scroll left top;
}

#content{
	position:relative;
	margin-top: 10px;
}
#content h2, #content h3 {
	color: #fff;
	margin: 10px 50px 0;
}
body#sec-servicios #fotos {
	height: 120px;
	background-image: none;
}
body#sec-servicios div#fotos {
	height: 180px;
	background-image: none;
}
/**/
body#sec-equipo .box ul {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}
body#sec-equipo .box ul li {
	list-style-type: square;
}
body#sec-equipo .box ul li.title {
	list-style: none;
	margin-left: -5px;
}

a.equipos {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	background-color: #ddd;
	padding: 4px 15px;
	color: #555;
	float: right;
	clear: both;
	display: block;
	border: 1px solid #eee;
	margin-top: 10px;
}
a.equipos:hover {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	background-color: #c5c5c5;
	padding: 4px 15px;
	color: #e7271c;
	border: 1px solid #ddd;
	margin-top: 10px;
}
body#sec-contacto #fotos, body#sec-equipo #fotos {
	height: 120px;
	background-image: none;
}
#content {
	width: 940px;
	height: 332px;
	margin: 0 auto;
}
body#sec-servicios #content, body#sec-equipo #content, body#sec-contacto #content {
	/*background: url(/images/bck_content_cont.png) no-repeat center top;*/
	width: 980px;
	height: 394px;
}
#footer {
	width: 100%;
	height: 80px;
	color: #FFF;
	margin: 0;
	text-align: center;
	clear: both;
	float: left;
}
*:first-child+html #footer { width: 980px; }
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* Easy Slider */

#slider ul, #slider li,
	#slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider2 {
	margin-top: 1em;
}

#slider li, #slider2 li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
	*/ 
	width: 940px;
	height: 280px;
	overflow: hidden;
}

#prevBtn, #nextBtn,
	#slider1next, #slider1prev {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 98px;
	z-index: 1000;
}

#nextBtn, #slider1next {
	left: 940px;
}

#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a {
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(/images/btn_prev.png) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
	background: url(/images/btn_next.png) no-repeat 0 0;
}
#prevBtn a:hover, #nextBtn a:hover,
	#slider1next a:hover, #slider1prev a:hover {
	background-position: left bottom;
}
/* numeric controls */

ol#controls {
	margin: 1em 0;
	padding: 0;
	height: 28px;
}

ol#controls li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
}

ol#controls li a {
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #DAF3F8;
	color: #555;
	padding: 0 10px;
	text-decoration: none;
}

ol#controls li.current a {
	background: #5DC9E1;
	color: #fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline: none;
}

.toll {
	height: 180px!important;
	
}

#sec-equipo .box ul li.image {
	list-style-type: none;
}
#sec-equipo .box ul li.image img{
	padding-top: 6px;
}



/* // Easy Slider */

/* menu principal */