/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #666;
	background: #C5E0F0;/*#DE7F98;*/
	font: normal 0.8em/1.4em Tahoma, Geneva, sans-serif;
}
div {
	float: left;
	display: inline;
	position: relative;
	padding: 0;
	margin: 0;
	height: auto;
}
img {
	border: 0;
	display: block;
}
a {
	position: relative; 
	color: #2AB7D5;
	text-decoration: none;
}
a:hover {
	color: #DE7F98;
}

h1 {
	margin: 0;
	padding: 4px 5px 5px 0;
	color: #DE7F98;
	font: normal 1.7em "Century Gothic", Tahoma, Geneva, sans-serif;
	letter-spacing: 0.05em;
}
h2 {
	margin: 0;
	padding: 0;
	color: #C00;
	font-size: 1em;
}
h3 {
	font-size: 1.1em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #DE7F98;
}
p {
	margin: 0.85em 0;
	padding: 0;
	text-align: justify;
}

/* --- ESTRUCTURA --- */
#todo {
	float: none;
	display: block;
	position: absolute;
	min-width: 100%;
	background: #C5E0F0 url(../images/bg_todo.jpg) repeat-x;
}
#contenedor {
	float: none;
	display: block;
	margin: 0 auto;
	width: 980px;
}

#header {
	width: 980px;
	height: 120px;
}
#centro {
	padding: 0 10px 0 10px;
	width: 960px;
	background: #FFF url(../images/bg_centro.jpg) no-repeat top;
}
#index {
	padding: 30px 10px 0 10px;
	width: 700px;
}
#izquierda {
	padding: 20px 20px 0 20px;
	width: 680px;
}
#derecha {
	padding: 20px 10px 0 10px;
	width: 220px;
}
#contenedor_footer {
	min-width: 100%;
	background: #DE7F98 url(../images/bg_footer.jpg) repeat-x;
}
#footer {
	float: none;
	display: block;
	margin: 10px auto 0 auto;
	clear: both;
	width: 980px;
	height: 28px;
	border-bottom: 1px solid #FFF;
}

/* --- HEADER --- */
#logo {
	width: 300px;
	height: 120px;
}
	#logo a {
		display: block;
		margin: 30px 60px 0 40px;
	}
#links {
	width: 680px;
	height: 25px;
	font-size: 0.85em;
}
	#links ul {
		float: right;
		display: inline;
		margin: 2px 5px 0 5px;
		padding: 0;
	}
		#links ul li {
			float: left;
			margin: 0;
			padding: 0 5px;
			color: #FFF;
			list-style: none;
		}
			#links ul li a {
				color: #FFF;
				display: inline-block;
			}
			#links ul li a:hover {
				color: #C5E0F0;
			}
#menu {
	padding: 35px 0 0 0;
	width: 680px;
	height: 60px;
}
	#menu ul {
		margin: 0 0 0 160px;
		padding: 0;
	}
		#menu ul li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#menu ul li p {
				display: none;
			}
			#menu ul li a {
				display: block;
				height: 60px;
				background-position: bottom;
				background-repeat: no-repeat;
			}
			#menu ul li a:hover {
				background-position: top;
			}

#btn_sorvo a {
	width: 58px;
	background: url(../images/btn_sorvo.jpg);
}
#btn_coleccion a {
	width: 82px;
	background: url(../images/btn_coleccion.jpg);
}
#btn_locales a {
	width: 68px;
	background: url(../images/btn_locales.jpg);
}
#btn_novedades a {
	width: 90px;
	background: url(../images/btn_novedades.jpg);
}
#btn_juegos a {
	width: 64px;
	background: url(../images/btn_juegos.jpg);
}
#btn_casting a {
	width: 67px;
	background: url(../images/btn_casting.jpg);
}
#btn_contacto a {
	width: 81px;
	background: url(../images/btn_contacto.jpg);
}

/* --- INDEX --- */
#animacion {
	width: 960px;
}
#bannerIndex {
	width: 960px;
	background: url(../images/bg_banner.jpg) no-repeat bottom;
}
	#bannerIndex a {
		padding: 0 0 0 5px;
		display: inline-block;
	}
	#bannerIndex div {
		padding: 5px 0 0 0;
		width: 960px;
		background: url(../images/img_pajaro.jpg) no-repeat bottom right;
	}

/* --- EMPRESA --- */
#izquierda_empresa {
	padding: 20px 0 0 20px;
	width: 700px;
	background: url(../images/img_bebe.jpg) no-repeat right bottom;
}
#izquierda_empresa #titulo {
	width: 97%;
}
#izquierda_empresa #texto {
	padding-right: 40%;
	width: 60%;
}

/* --- IZQUIERDA --- */
#titulo {
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #DE7F98;
}
#texto {
	width: 100%;
	min-height: 300px; height: auto !important; height: 300px;
}
	#texto .mitad {
		padding-right: 20px;
		width: 320px;
		min-height: 200px; height: auto !important; height: 200px;
	}
	#texto .locales {
		width: 100%;
		background: url(../images/img_locales.jpg) no-repeat right bottom;
	}
	#texto .col_0 {
		padding-right: 20px;
		width: 663px;
		min-height: 280px; height: auto !important; height: 280px;
	}
	#texto .col_1 {
		padding-right: 20px;
		width: 206px;
		min-height: 280px; height: auto !important; height: 280px;
	}
	#texto .col_2 {
		padding-right: 20px;
		width: 432px;
		min-height: 280px; height: auto !important; height: 280px;
	}

/* --- BLOG --- */
#texto .blog {
	width: 100%;
	border-bottom: 1px solid #7F9BC2;
}
	#texto .blog h3 {
		margin-bottom: 1px;
	}
	#texto .blog .leermas a {
		font-weight: bold;
		color: #8DD9E9;
	}
	#texto .blog .leermas a:hover {
		color: #DE7F98;
	}
#texto .coment {
	padding: 0 5px;
	width: 670px;
	color: #666;
	border-bottom: 1px solid #999;
}
	#texto .coment h3 {
	/*	color: #7CC7E6; */
	}
	#texto .coment .nombre {
		margin-bottom: 0;
		color: #189DC3;
	}
#texto .fecha {
	margin: 0;
	padding: 0;
	color: #999;
	font: normal 0.9em/1.3em Tahoma, Geneva, sans-serif;
}

#texto .paginas {
	padding: 10px 0 0 0;
	width: 100%;
	height: 15px;
	text-align: center;
}
	#texto .paginas a {
		color: #999;
		padding: 0 3px;
	}
	#texto .paginas a:hover {
		color: #000;
	}

/* --- PRODUCTOS --- */
span.catInvierno {
	color: #FEBD32;
}
span.catVerano {
	color: #12A6C7;
}
#prod {
	padding: 15px 0 0 0;
	width: 680px;
	min-height: 400px; height: auto !important; height: 400px;
}
#foto {
	width: 380px;
	height: 300px;
}
	.catInvierno #foto {
		background: url(../images/bg_foto_1.jpg) no-repeat;
	}
	.catVerano #foto {
		background: url(../images/bg_foto_2.jpg) no-repeat;
	}
	#foto img {
		padding: 10px 50px;
	}
#detalle {
	padding-left: 20px;
	width: 280px;
	min-height: 300px; height: auto !important; height: 300px;
}
#desc {
	width: 280px;
	min-height: 220px; height: auto !important; height: 220px;
	background: url(../images/bg_desc.jpg) no-repeat top left;
}
	#desc h3 {
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 1.2em;
		color: #DE7F98;
	}
	#desc p {
		margin: 0.5em 0;
		text-align: left;
		color: #666;
	}
	#desc span {
		color: #9E644B;/*#12AAE5;*/
	}
#comprar {
	padding: 0;
	width: 280px;
	min-height: 80px; height: auto !important; height: 80px;
	color: #999;
}
	#comprar p {
		text-align: center;
	}
#thumbs_cont {
	padding: 15px 0 10px 0;
	width: 680px;
	height: 80px;
}
.thumbs {
	display: inline;
	margin-right: 20px;
	padding: 5px;
	width: 70px;
	height: 70px;
}
	.catInvierno .thumbs {
		background: url(../images/bg_thumbs_1.jpg) no-repeat;
	}
	.catVerano .thumbs {
		background: url(../images/bg_thumbs_2.jpg) no-repeat;
	}
#paginas {
	padding: 5px 0;
	width: 680px;
	height: 20px;
	border-top: 1px solid #D96C8A;/*#2AB7D5;*/
}
	#paginas a {
		color: #999;
	}
	#paginas a:hover {
		font-weight: bold;
		color: #D96C8A;
	}

/* --- DERECHA --- */
#tituloDer {
	padding-top: 5px;
	width: 100%;
	height: 30px;
	font-size: 0.8em;
	border-bottom: 1px solid #E5E5E5;
	background: url(../images/bg_der_1.gif) no-repeat right;
}
#tituloDer2 {
	padding-top: 5px;
	width: 100%;
	height: 30px;
	font-size: 0.8em;
	color: #12AAE5;
	border-bottom: 1px solid #E5E5E5;
	background: url(../images/bg_der_2.gif) no-repeat right;
}
	#tituloDer2 h1 {
		color: #12AAE5;
	}
.comments {
	border-bottom: 1px dotted #E5E5E5;
}
	.comments p {
		padding: 0;
		margin: 0;
		line-height: normal;
	}
.commentsCant {
	width: 50px;
	height: 60px;
	background: url(../images/bg_comments.jpg) no-repeat center;
}
	.commentsCant p.cCant{
		color: #FFF;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		line-height: normal;
		padding-top: 25px;
	}
.commentsDetail {
	width: 160px;
	height: 45px;
	padding: 10px 0 5px 10px;
}
	.commentsDetail p.cTitulo{
		color: #999;
		font-size: 0.85em;
		font-weight: bold;
	}
	.commentsDetail p.cFecha{
		color: #AAA;
		font-size: 0.85em;
	}
	.commentsDetail p.cLeer{
		font-size: 0.8em;
		text-align: right;
	}
	.commentsDetail a {
		color: #2AB7D5;
		text-decoration: underline;
	}
	.commentsDetail a:hover {
		color: #DE7F98;
	}
.commentsAll {
	width: 220px;
	text-align: center;
}
	.commentsAll p {
		margin: 0;
		padding: 10px 0;
		line-height: normal;
		font-size: 0.85em;
		font-weight: bold;
		text-align: center;
	}

#listaDer {
	width: 100%;
}
	#listaDer ul {
		margin: 10px 0;
		padding: 0;
	}
		#listaDer ul li {
			margin: 1px 0;
			padding:  0 10px 2px 15px;
			min-height: 20px; height: auto !important; height: 20px;
			list-style: none;
			background: url(../images/bg_ul_der.jpg) no-repeat bottom;
		}
			#listaDer ul li a {
				display: block;
				/*color: #2AB7D5;*/
				font-size: 0.9em;
			}
			#listaDer ul li a:hover {
				/*color: #DE7F98;*/
			}

.banner {
	padding: 5px 0;
	width: 220px;
	border-top: 1px dotted #E5E5E5;
}

/* --- MAPA DEL SITIO --- */
.sitemap {
	margin: 0; 
	padding: 10px 0;
}
	.sitemap li {
		list-style: none;
		margin: 0; 
		padding: 5px 0;
		min-height: 20px; height: auto !important; height: 20px;
	}
		.sitemap li a {
			display: block; 
			/*color: #2AB7D5;*/
		}
		.sitemap li a:hover { 
			/*color: #DE7F98;*/
		}

/* --- FORMULARIO --- */
.form_contacto {
	margin: 0;
	padding: 10px 0;
	font: normal 1em/1em Tahoma, Geneva, Arial, sans-serif;
}
.form_contacto h2{
	margin:0;
	padding:0;
	color:#E60421;
	font: normal 1.2em/1.6em Tahoma, Geneva, Arial, sans-serif;
}

.form_contacto fieldset {
	float: left;
	border: 0;
	margin: 0;
	padding: 0 2%;
	width: 45%;
}
.form_contacto fieldset legend {
	display: none;
}
.form_contacto fieldset label {
	float: left;
	width: 100%;
	/*height: 18px;*/
	padding: 5px 0 0 0;
	background: none;
}
.form_contacto fieldset input, .form_contacto fieldset select {
	float: left;
	position: relative;
	width: 97%;
	margin: 3px 0;
	font: normal 1em/1em Tahoma, Geneva, Arial, sans-serif;
	border:1px solid #DEDEDE;
	/*
	border:none;
	border-bottom:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	*/
}

.form_contacto .full {
	float: left;	
	width: 92%;
	padding: 0 2% 8px 2%;
	margin: 0 2%;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background:#F3F3F3;
}
.form_contacto .full .check{
	/*
	float: left;
	border: 0;
	margin: 0;
	width: 6%;
	padding: 0 2%;
	*/
}
.form_contacto .full .subtitulo{
	padding:10px 0;
	font: normal 1em/1em Tahoma, Geneva, Arial, sans-serif;
}
.form_contacto .full label {
	float: left;
	width: auto;
	height: 15px;
	padding: 5px 10px 0 0;
}
.form_contacto .full_textarea {
	float: left;
	border: 0;
	margin: 0;
	width: 95%;
	padding: 0 2%;
	
}
.form_contacto #consulta {
	float: left;
	position: relative;
	width: 97%;
	margin: 3px 0;
	font: normal 1em/1em Tahoma, Geneva, Arial, sans-serif;
	border:1px solid #DEDEDE;
	/*
	border:none;
	border-bottom:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	*/
}
/*
.form_contacto .submit {
	float: left;
	width: 62px;
	font-size: 0.8em;
	margin: 10px 0 0 33%;
	border: none;
	cursor: pointer;
}
.form_contacto .borrar {
	float: left;
	width: 62px;
	font-size: 0.8em;
	margin: 10px 0 0 10px;
	border: none;
	cursor: pointer;
}
*/
.form_contacto .submit {
	float: left;
	cursor: pointer;
	margin: 10px 0 0 35%;
	width: 70px;
	height: 20px;
	font-size: 0.8em;
	border: none;
	background: url(../images/btn_enviar.jpg) no-repeat;
}
.form_contacto .reset {
	float: left;
	cursor: pointer;
	margin: 10px 0 0 40px;
	width: 70px;
	height: 20px;
	font-size: 0.8em;
	border: none;
	background: url(../images/btn_borrar.jpg) no-repeat;
}

/* --- FORMULARIO DE BLOG --- */
.mensajes {
	margin: 0;
	padding: 10px 0 20px 0;
}
	.mensajes fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	.mensajes fieldset legend {
		display: none;
	}
	.mensajes fieldset label {
		float: left;
		width: 250px;
		height: 11px;
		text-align: left;
	}
	.mensajes fieldset input, .contacto fieldset select {
		float: left;
		position: relative;
		width: 410px;
		margin: 3px 0;
	}
	.mensajes .submit {
		clear: left;
		width: 150px;
		font-size: 0.8em;
		margin: 10px 0 0 250px;
	}
	.mensajes .borrar {
		width: 80px;
		font-size: 0.8em;
		margin: 10px 0 0 50px;
	}
	.mensajes #descripcion {
		float: left;
		position: relative;
		width: 410px;
		margin: 3px 0;
		font: normal 1em Tahoma, Geneva, sans-serif;
	}
fieldset label.check {
	float: left;
	width: 100%; 
	height: 15px;
	margin: 10px 0;
}
fieldset label.check input {
	float: left;
	width: 15px; 
	height: 15px;
	padding: 0;
}
fieldset label.check span {
	float: left;
	padding: 5px 0 0 5px;
}

/* --- FOOTER --- */
#copy {
	width: 50%;
	height: 25px;
}
#copy p {
	margin: 6px 0 0 0;
	padding: 0 7px;
	color: #FFF;
	font-size: 0.85em;
}
#pd {
	width: 50%;
	height: 25px;
	text-align: right;
}
	#pd img {
		float: right;
		margin: 5px 5px 0 0;
	}

/* --- POSICIONAMIENTO --- */
#posicionar {
	float: none;
	display: block;
	margin: 0 auto;
	clear: both;
	padding-top: 10px;
	width: 980px;
	text-align: center;
	font-size: 0.95em;
}
	#posicionar ul {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none;
		text-align: center;
	}
		#posicionar ul li {
			margin: 0;
			padding: 0;
		}
		#posicionar h1 {
			display: inline;
			margin: 3px 0;
			padding: 0;
			color: #FFF;
			font: normal 0.9em Tahoma, Geneva, sans-serif;
			border: none;
		}
		#posicionar a {
			color: #FFF;
		}