/* CSS Document */

body{
	font-family:Verdana;
	font-size: 10px;
	width: 100%;
	background-color:#F5E4B8;
}

a{
	font-family:Verdana;
	font-size: 10px;
}

#titulo{
	background: url(../img_new/background.png) no-repeat center top;
	width:900px;
	height:103px;
	margin:0 auto;
}
#maincontainer{
	width:900px;
	margin: 0 auto;
	top:0;
	margin-top:-110px;
}

#contentwrapper{
	background-color:#fff;
	float: left;
	width: 100%;
	margin:0 auto;
/*	border: #CCC 2px solid;
	border-bottom:none;*/
}

#contenido{
	font-size:12px;
	line-height:15px;
	width:880px;
	padding:20px 10px;
}


#pies{
	float:left;
	border-top:none;
	width:900px;
	padding-top:20px;
	height:80px;
	background-color:#FFF;
}
#pie{
	background-color:#900;
	text-align:left;
	line-height:18px;
	height:80px;
	color:#fff;
	padding:10px;
}
#menu_superior{
	width:100%;
	margin-top:110px;
	vertical-align:middle;
	height:27px;
}

/*** PIE de PAGINA ****/
#pie p.titulo{
	float:left;
	font-size:15px;
	line-height:20px;
	margin-right:10px;
	font-weight:bold;
}
#pie #direccion{
	margin:0 10px 10px;
	font-weight:bold;
	display:block;
	float:left;
}
#direccion a{
	color:#FC0;
	text-decoration:none;
}

#pie ul{
	clear:left;
	float:left;
	width:100%;
	display:table-row;
}
#pie li{
	float:left;
	border-right:#FFF 2px solid;
	list-style:none;
}
#pie ul a, #pie ul a:link{
	display:block;
	font-size:8px;
	text-decoration:none;
	font-weight:bold;
	color:#fc0;
	padding:0 10px;
}
#pie ul a:hover{
	background-color:#fc0;
	color:#333;
}
#pie li.sinborde{
	border:none;
}
#pie .menupie{
	width:auto;
	text-transform:uppercase;
}
#rddisenio{
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:8px;
}
#rddisenio a{
	text-decoration:none;
	font-weight:bold;
	color:#CCC;
	padding:0 2px;
}
#rddisenio a:hover{
	color:#333;
	background-color:#CCC;
}


/*** ***/

#promo_usuarios{
	width:100%;
}
#ingreso_usuarios{
	float:left;
	width:130px;
	border:#900 2px solid;
	margin:0 0 20px;
}
#ingreso_usuarios h2,
#ingreso_usuarios h1{
	display:block;
	padding:5px;
	color:#FFF;
	background-color:#900;
}
#ingreso_usuarios p{
	font-size:12px;
	line-height:15px;
}
#ingreso_usuarios ul{
	list-style-type:none;
}
#ingreso_usuarios ul li{
	text-align:center;
}
#ingreso_usuarios ul li div{
	width:100%;
}
#ingreso_usuarios a, 
#ingreso_usuarios a:link,
#ingreso_usuarios a:visited{
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	margin:10px auto 3px;
	width:100px;
	display:block;
	text-decoration:none;
	padding:2px;
	border-top:#ecebe7 2px solid;
	border-left:#ecebe7 2px solid;
	border-right:#888680 2px solid;
	border-bottom:#888680 2px solid;
	cursor:default;
	font-size:12px;
}

#ingreso_usuarios #aceptar{
	background-color:#666;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
}

#ingreso_usuarios p.pass1{
	font-weight:bold;
	text-align:center;
	margin:5px 0;
	padding:0;
}
#ingreso_usuarios p.pass1 a{
	border:none;
	text-align:center;
	background:none;
	text-decoration:none;
	padding:2px;
	margin:0 auto;
	color:#900;
	display:block;
	font-size:1em;
}
#ingreso_usuarios p.pass1 a:hover{
	background-color:#900;
	color:#FFF;
}
#ingreso_usuarios #carrito{
	margin:5px 5px 10px;
}
#ingreso_usuarios p.producto{
	clear:right;
	font-size:10px;
	border-bottom:#CCC 2px solid;
	display:block;
	width:120px;
	float:left;
	margin:0;	
}
#ingreso_usuarios span.precio{
	font-size:10px;
	float:right;
	margin-bottom:5px;
}
#bienvenido{
	font-size:16px;
	font-weight:bold;
	color:#900;
}
#bienvenido a{
	background-color:#fff;
	color:#900;
	font-size:12px;
	font-weight:bold;
	margin:0 auto 3px;
	width:100px;
	display:inline;
	text-decoration:none;
	padding:5px;
	cursor:default;
	text-align:center;
}
#bienvenido a:hover{
	background-color:#900;
	color:#FC0;
}


#promo{
	float:right;
	padding: 0 10px;
}

/****** MENU ******/

#menu{
	width:900px;
	text-transform:uppercase;
}
#menu ul{
	list-style-type:none;
	width:900px;
}
#menu li{
	float:left;
	border-bottom:#900 4px solid;
}
#menu li a{
	display:block;
	background:url(../img_new/boton_link.png) repeat-x top left;
	background-color:#F5E4B8;
	font-size:10px;
	text-decoration:none;
	color:#900;
	border-right:#999 2px solid;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	padding-top:5px;
	padding-bottom:5px;
	height:13px;
}
#menu li a:hover{
	text-decoration:none;
	color:#f5e4b8;
	background-color:#900;
	background:url(../img_new/boton_hover.png) repeat-x top left;
}

#menu li a.contacto{
	background: url(../img_new/contacto.jpg) no-repeat center center #f5e4b8;
	border:none;
	width:35px;
}
#menu li a:hover.contacto{
	background: url(../img_new/contacto.jpg) no-repeat center center #900;
	border:none;
	background-color:#900;
}

/* PRODUCTOS SOCIALES */

#productos,
#sociales{
	width:350px;
	overflow:visible;
}
#productos{
	margin-left:20px;
	float:left;
}
#sociales{
	float:right;
}

#productos a,
#productos a:visited,
#sociales a,
#sociales a:visited{
	text-decoration:none;
	color:#333;
}
#productos a:hover,
#sociales a:hover{
	color:#900;
}

#productos span.titulos,
#sociales span.titulos,
#listadoprecio span.titulos{
	background-color:#900;
	color:#FFF;
	text-align:left;
	padding:5px;
	display:block;
	font-weight:bold;
}
#producto,
#social{
	border:#900 2px solid;
	margin-bottom:10px;
	height:486px;
}
#social{
	background-color:#F5E4B8;
}

#social p{
	margin:auto;
}
#social img{
	float:right;
}

/** SLIDER SOCIALES **/

#social #slider {
    width: 347px; /* important to be same as image width */
    height: 461px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background-color:#111;
}

#social #sliderContent{
    width: 347px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
#social .sliderImage{
    float: left;
    position: relative;
	display: none;
}
#social .sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 341px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
#social .clear {
	clear: both;
}
#social .sliderImage span strong{
    font-size: 14px;
}
#social .top {
	top: 0;
	left: 0;
}
#social .bottom {
	bottom: 0;
    left: 0;
}
#social .left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
#social .right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 280px;
}
#social ul { list-style-type: none;}



/** PRODUCTOS **/
.productos2{
	width:100%;
}
.productos2{
	float:left;
}
.productos2 span.titulos{
	background-color:#900;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	padding:5px;
}
.productos2 span.titulos2{
	font-size:13px;
	padding:0 10px;
	font-weight:bold;
	line-height:15px;
	margin-top:10px;
	float:left;
}
.productos2 .parrafo{
	clear:left;
	font-size:10px;
	line-height:12px;
	padding:5px 10px;
	display:block;
}
.productos2 img{
	float:right;
	width:120px;
	padding-top:20px;
}

/** PHOTOBOOK **/
#photobook{
	clear:both;
}
#photobook p{
	margin:20px auto 0;
	text-align:center;
}
#photobook img{
	width:725px;
	border:none;
}

.oferta{
	width:161px;
	padding:2px;
	border:#FC0 2px solid;
	float:left;
	margin:2px;
	height:280px;
	overflow:hidden;
}

.oferta span.titulo3{
	font-size:1.5em;
	font-weight:bold;
	color:#333;
	padding:5px;
}
.oferta span.parrafo{
	font-size:1.1em;
	padding:5px;
	display:block;
	line-height:1.2em;
}



/*** VALORES COMUNES ***/
h1,
h2,
span.titulos{
	font-size:13px;
}
.espacio{
	padding:10px 5px;
}
.ocultar{
	display:none;
}
.bordes{
	border:#F60 4px solid;
	margin-bottom:20px;
}
.derecha{
	float:right;
}
.izquierda{
	float:left;
}
.centrar{
	text-align:center;
}
.izq{
	text-align:left;
}
.cen{
	text-align:center;
}
.der{
	text-align:right;
}
.sinborde{
	border:none;
}
.amarillo{
	color:#FC0;
}
.rojo{
	color:#900;
}
.sombra{
	float:left;
	padding:0px 5px 5px 0px; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
	background: url(../img_new/css-efecto-sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
	margin-right:10px;
	margin-top:3px;
	margin-left:3px;
} 
.sombra img{
	display:block;
	position:relative;
	top: -3px; /* Desfasamos la imagen hacia arriba */
	left:-3px; /*Desfasamos la imagen hacia la izquierda */
	padding:5px;
	background:#FFFFFF; /*Definimos un color de fondo */
	border:1px solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}
.margen5{
	padding:5px;
}
.bordeR{
	border-right:#999 2px solid;
}

.letraGrande{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
.ancho48{
	width:48px;
}
.ancho72{
	width:72px;
}
.ancho96{
	width:96px;
}
.ancho120{
	width:120px;
}
.ancho144{
	width:144px;
}
.negrita{
	font-weight:bold;
}
/** **/