/* CSS para salonesvilladelrio.com.mx */


body {
	background: #FFF0D9 url(../images/fondo-body.png);
	padding:0px;
}

/*Secciones */

#contenedor-principal {
	margin-top:5px;

}

#fondo-contenedor-encabezado {
}

#contenedor-encabezado {
	background: #fff url(../images/fondo-encabezado.png) repeat-x;
}

#encabezado {
	-webkit-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#menu {
	height:35px;
	top:45px;
}

#banner {
	position:relative;
	clear:both;
	-webkit-box-shadow: 0px 9px 24px -6px #666;
	   -moz-box-shadow: 0px 9px 24px -6px #666;
	        box-shadow: 0px 9px 24px -6px #666;
	background: #FFF;
}

#contenedor-mypano {
	margin:5px;
}

#mypano {
}

#panorama {
}


#fondo-contenedor-contenido {
	padding:0px 0px;
}

#contenedor-contenido {
	background:#FFF;
}

#contenido {
	background:#FFF url(../images/linea-sobre-contenido.png) no-repeat top center;
	overflow:hidden;
	margin-top:18px;
	padding-top:38px;
}

#contenedor-columna-principal {
}

#columna-principal {
	margin:25px 38px 30px 38px;
}

.contenido-margen-arriba {
	margin-top:20px;
}


#columna-derecha {
}

#fondo-pie {
}

#contenedor-pie {
		background:#fff;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

#pie {
	overflow:auto;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	margin-bottom:15px;
}

#pie p {
	color: #7C370E;
	font-size:14px;
	margin-bottom: 4px;
	line-height:150%;
}

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

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

/* Elementos */


#logo {
	margin: 10px 0 10px 0px;
	z-index:900;
}

#frase {
	margin-top:20px;
}

#frase p {
	font-size:12px;
}

#frase h2 {
	font-size:24px;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#ACACAC;
	font-weight:normal;
}

#frase h2 a {
	text-decoration:none;
	color:#ACACAC;
}

#frase h2 a:hover {
	text-decoration:none;
	color: #090;
}


.texto-color-verde {
	color:#119A47;
}

.texto-color-azul {
	color:#323992;
}

.texto-color-gris {
	color:#ACACAC;
}

.centrar-texto {
	text-align:center;
}

.links-pie {
	background:#FFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom:10px;
}

.foto-izquierda {
	margin: 0 20px 0 0;
	float:left;
}

.foto-derecha {
	margin: 0 0 0 20px;
	float:right;
}

.divisor {
	margin-bottom:20px;
}


/* Modulos */

#iconos-social {
	margin-top: 75px;
}

#mod-en-contenido {
	margin-top:10px;
	margin-bottom:10px;
	border:1px #CCC;
-webkit-box-shadow: 0px 0px 3px 1px #CCC;
box-shadow: 0px 0px 3px 1px #CCC;
}

#mod-en-contenido:hover {
	-webkit-box-shadow: 0px 0px 10px 1px #CCC;
box-shadow: 0px 0px 10px 1px #CCC;
}

#caja-en-contenido {
	padding:5px;
}

#caja-en-contenido h2 {
	font-family: 'Great Vibes', cursive;
	font-size:28px;
}

#caja-en-contenido.pad-20 {
	padding:5px 20px;
}

#mod-pie {
	padding: 10px 0;
	position:relative;
	height:65px;
}

#mod-pie h2 {
	color:#15A84B;
	text-shadow: #000 1px 1px 1px;
}

#netkobe-blanco {
	bottom:0;
	position:absolute;
}

#netkobe-blanco p {
	font-size:9px;
	text-align:right;
}

#netkobe-blanco a {
	text-decoration:none;
}

#netkobe-blanco a:hover {
	color: #6CF;
}

.modulo-paquetes {
	background: url(../images/fondo-mods.png);
}

.modulo-paquetes:hover {
	border: 1px solid #999;
}

/* Auto Slide Banner */

#auto-slideshow {
    position:relative;
	width:870px;
	height:350px;
}

#auto-slideshow A {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#auto-slideshow A.active {
    z-index:10;
    opacity:1.0;
}

#auto-slideshow A.last-active {
    z-index:9;
}

#autoslider-imagen {
	width:870px;
	height:350px;
	padding: 0;
}

.titulo-modulo-derecha {
	border-bottom:1px #09C dotted;
}

.titulo-modulo-derecha-promociones {
	margin: 15px 0 0 15px;

}

.promociones {
	background:url(../images/fondo-promociones.jpg) no-repeat top;
	width:220px;
	height:303px;
}

/* Galeria */

#contenedor-foto {
	width: 193px;
	height: 193px;
	background: #333;
	padding: 5px;
	margin:5px;
	float:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: url(../images/mag.png) center center no-repeat #000;
	cursor: pointer;
	width: 180px;
	height: 101px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

/* Patrocinadores */

#contenedor-patrocinadores {
	width: 110px;
	height: 110px;
	background: #CCC;
	padding: 2px;
	margin:6px 7px;
	float:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Directorio */

#dir-contenedor {
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px #330 dotted;
}

#dir-contenedor:hover {
	background-color:#E5E5E5;
}

#dir-contacto p {
	margin-bottom:3px;
	padding:5px;
	font-size:13px;
}

.dir-contacto-divisor {
	border-bottom:1px dotted #CCC;
}

.dir-contacto-divisor:hover {
	background-color: #FFF;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/* Efectos CSS3 */

.esquinas-redondeadas {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.texto-destacado {
	text-transform:uppercase;
	font-size:125%;
	letter-spacing:-1px
}

.sombra {
	padding:5px;
-webkit-box-shadow: 0px 0px 3px 1px #CCC;
box-shadow: 0px 0px 3px 1px #CCC;
}

.sombra:hover {
	padding:5px;
-webkit-box-shadow: 0px 0px 10px 1px #CCC;
box-shadow: 0px 0px 10px 1px #CCC;
	margin-top:10px;
	margin-bottom:10px;
	border:1px #CCC;
}

#panorama {
  width: 850px;
  height: 370px;
}