@charset "utf-8";

/* CSS Document */
*{ margin: 0; padding: 0; }*
body { margin: 50px 0 0; background:#f9f9f9 url(imagenes/bg.gif) repeat-x; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 a { text-decoration: none; }
	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	p  { margin: 0 0 2em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #9D2900; }
	a:hover { color: #A0000E; text-decoration: none; }
	img { border: 0; }
	.red { color: #9D2900; }
	
header form {
	margin: auto;
	padding-right: 70px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	float: none;
}
 
#cabecera { 
width:100%;
height: 101px;
margin: 0 auto;
background-color:#f9f9f9;

}
	#menu  { 
	 float: right;
	 padding: 6px 0 0 0;
	 list-style: none;
	 margin-right:13px;}
	
	#menu li { display: inline; }
	
		#menu a {
	display: block;
	float: left;
	margin-left: 30px;
	padding: 5px;
	text-decoration: none;
	font-size: 13px;
	color: #000000;
}
	#menu a:hover { color: #000; border-bottom: 2px solid #9d2900; }
		
		/*#menu .active a { border-bottom: 2px solid #C70012; color: #9d2900;} */
		
.active  {
	color: #000; border-bottom: 2px solid #9d2900;
}


#teaser {
	width: 100%;
	height: 260px;
	background: #09F;
	clear: both;
}
#teaser2 {
	width: 100%;
	height: 70px;
	background: #09F;
	clear: both;
}

#teaser2 h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}

.contenedor #texto{
	width: 430px;
	height: 250px;
	margin-left: 15px;
	float: left;
	}
	
.contenedor #texto a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	}
		
	
	
	
.contenedor #texto h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;}	
.contenedor #texto h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	}
	.contenedor #texto p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;}

.contenedor {
	width: 950px;
	margin-bottom: 12px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}

.contenedor img{
	float: left;
	margin-top: 30px;
}

#barraSocial{
	width: 950px;
	height: 45px;
	background: #f9f9f9;
	margin-left: auto;
	margin-right: auto;
	}
	
	#barraSocial ul{
		margin:auto;
		margin-left:650px;
		list-style:none;
		width:900px;
		}
	#barraSocial ul li{
		float:left;
		margin-left:15px;
	}
	#barraSocial ul li a{
		height:30px;
		display:block;
		text-align:center;
		text-decoration:none;
		margin-bottom:10px;
		padding-top:10px;
	}
	
	
#cuerpo{
	width: 950px;
	margin-bottom: 10px;
	height: auto;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}
#cuerpo table tr td p cite {
	font-family: Arial, Helvetica, sans-serif;
}

#cuerpo table tr td #vlightbox a img {
	
	margin-left:3px;
	padding-top:3px;
	width:110px;
	
}
#cuerpo table tr td p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}
#cuerpo table tr td #vlightbox a  {
	
	margin-left:20px;
	padding-top:3px;
	width:110px;
	
}
/*#table
{
	width: 940px;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: auto;
	float: right;
	color: #FFF;
	background-color: #FFF;
	margin-top: auto;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	border-bottom-style: none;
}*/



	.box { float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE; }
	#image {
	float: right;
	width: 370px;
	position: relative;
	top: 33px; 
	padding-top:5px;
	background: url(../images/rompecabezas1.png) no-repeat top right;
	height: 210px;
}
	#intro {
	margin-top: 55px;
	padding: 40px;
	background: #09F url("images/introbkg.png") repeat-x;
	/* background size */
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	/* curved border radius */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
	
.col { float: left; width: 206px; margin: 0 20px 16px 0; }
	.last { float: right; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer {
	width:100%;
	clear: both;
	padding: 15px;
	border-top: 1px solid #e0e0e0;
	background: #09f url(../images/small_logotype.jpg) no-repeat right 13px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}	
	#footer .right {
	float: right;
	margin: 0 55px 0 0;
	color: #000
}
	 
	#footer a {
	color: #000;
	font-weight: bold;
	
	  }
#footer p{
	color:#CCC;
	font-size:10px;}

#bar .wrap ul li
{float:left;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
list-style:none;
}

#bar .wrap ul li a{
	float:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:15px;
	list-style:none;
	font-size:14px;
	padding-bottom:5px;
}
#teaser #intro header h2 {
	color: #000;
}

#teaser img{
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}

section{
		width:100%;
		height:530px;
		margin:auto;
		margin-top:15px;
	
	}
	
    #formulario label{
	display: block;
	float: left;
	width: 120px;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	color: #000;
	top: 10px;
	right: 5px;
	bottom: 10px;
    }

#formulario input{
	display: block;
	float: left;
	width: 170px;
	font-size: 13px;
	margin-bottom: 7px;
	right: 10px;
	bottom: -325px;
	text-align: left;
	font-style: normal;
	padding-top: 5px;
	top: 10;
	clip: rect(auto,20px,auto,auto);
    }
	 
	 #formulario textarea{
	display: block;
	float: left;
	width: 200px;
	height: 100px;
	margin-bottom: 5px;
	resize: none;
    }
		 
#titulo {
	width: 450px;
	height: 50px;
	margin-top: 20px;
}
#izq {
	float: left;
	width: 475px;
}
#botonera {
	margin-top: 15px;
	width: 650px;
	height: 60px;
	float: right;
}
#titulo h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-align: center;
	color:#000;
}

#der {
	float:left;
	width: 950px;
}
#imagen {
	width: 475px;
	height: 100px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#container header img{
	margin-left: 100px;
}
#subtitulo h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000;
	margin-left:5px;
	margin-right:8px;
}
#caja{
	width: 950px;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 15px;
	position: relative;
	float:left;
	text-align: center;
	top: 10px;
	right: 20px;
	
	background-repeat: repeat;
}

#blanca{
	width:550px;
	float:left;
	height:auto;
	}
#blanca h1{font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
			color:#333;
}

#blanca img{
	margin-left: 135px;
}

#caja2{
	width: 400px;
	font-family: Tahoma, Geneva, sans-serif;
	height:auto;
	top: 10px;
	float:left;}

#caja2 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
}
#caja2 ul {
	color:#333;
	font-size:12px;
}

	#caja2 p{
		color:#333;
		font-size:12px;
		margin-left:10px;}


#caja2 img{
	margin-left: 100px;
	}
caja form#formulario{
	width: 450px;
	padding-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #09F;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}
form#formulario{
	width: 440px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}


	
#formulario.botonAcceder{
	width: 97px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 8px;
	margin-left: 100px;
	position: relative;
	color: #000;
	float: left;
	font-weight: normal;
	left: 100px;
	top: 890px;
	background-color: #999;
    }  
	
	input#boton2.botonAcceder{
	width: 100px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 8px;
	margin-left: 30px;
	color: #000;
	float: none;
	font-weight: bold;
	left: 20px;
	top: 300;
	background-color: #CCC;
	font-style: normal;
	background-position: center center;
	vertical-align: text-bottom;
	padding: 2px;
	text-align: center;
	margin-right: 30px;
	}
	
    #formulario .botonAcceder:hover{
	background: #535353;
	color: #0CC;
    }
	
header form input{
	height:25px;
	float:right;
	margin-right:20px;
}

header form button
{
	width: auto;
	float:right;
	margin-right: 20px;
	height: auto;
	margin-bottom: auto;
	position: relative;
}
#caja h1{

    text-align:center;
	text-decoration:overline;
}
div.clearer {clear:left; line-height:0; height:0;}
	#contenedor_tabla_prods {
	width: 813px;
	margin-right: auto;
	margin-left: auto;
}
#cabecera h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	margin-left: 25px;
	color: #0099ff;
	font-style: normal;
	font-weight: bold;
}
#cabecera img{
	margin-left: 40px;
	margin-top: 5px;
}
.contenedor p strong {
	color: #0080FF;
}
.contenedor p {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.contenedor p a {
	color: #0080FF;
}

#caja5{
	margin-left:30px;
	margin-top:10px;
	width:950px;
}
* {
  font-family: Arial, sans;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
h1, h2 {
  margin: 1em 0 0 0;
  text-align: center;
}
h2 {
  margin: 0 0 1em 0;
}
#container {
  margin: 0 auto;
  width: 50%;
  margin-top:15px;
}
#accordion input {
	font-size:13px;
  display: none;
}
#accordion label {
  background: #eee;
  font-size:13px;
  border-radius: .25em;
  cursor: pointer;
  display: block;
  margin-bottom:15px;
  padding: .25em 1em;
  z-index: 30;
}
#accordion label:hover {
  background: #ccc;
}
#accordion input:checked + label {
  background: #ccc;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: white;
  margin-bottom: 0;
}
#accordion article {
  background: #f7f7f7;
  height:0px;
  overflow:hidden;
  z-index:10;
}
#accordion article p {
  padding: 1em;
}
#accordion input:checked ~ article {
 border-bottom-left-radius: .25em;
 border-bottom-right-radius: .25em;
 height: auto;
 margin-bottom: .125em;
}
.contenedor #container header h1 {
	color: #000;
	font-size:60px
	text-shadow:1px 1px 1px #ab;
}

.contenedor #container #accordion div label {
	color: #AE0000;
}
.contenedor #container #accordion div label u strong {
	color: #004080;
}
.contenedor #container #accordion div label u strong {
	color: #004080;
}
.contenedor #container #accordion div label {
	color: #004080;
}

.contenedor  table{
	margin-left:20px;}
#teaser .contenedor #texto h1 {
	color: #FFF;
}
#teaser .contenedor #texto p strong {
	color: #C0C0C0;
}
#teaser .contenedor #texto p strong {
	color: #FFF;
}
#formu {
	height: 250px;
	width: 250px;
	margin-left:auto;
	margin-right:auto;
}

#formu2{
	width: 450px;
	height: 430px;
	margin-left:auto;
	margin-right:auto;
	}
#formu2 form p label{
	width:120px;
	height:auto;
	margin-left:5px;
	margin-top:10px;
	float:left;
}
#formu2 form p input{
	width:140px;
	height:auto;
	margin-top:10px;
	
}
#formu2 form p input#enviar{
	width:80px;
	height:30px;
	margin-left:130px;
}
#formu2 form p a img{
	margin-left:120px;
}
#cabeceraform{width:450px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#tabla_carrito th{font-size:14px;
font-family:Arial, Helvetica, sans-serif;
background-color:#CCC;
}

table tr td img{
	margin-left:18px;
}

#pie1{width:200px;
height:50px;
margin-left:70px;
margin-top:10px;
float:left;
}
#pie2{width:280px;
height:50px;
margin-left:150px;
margin-top:10px;
float:left;
}

#contador{
	width:150px;
	height:50px;
	margin-left:810px;
	margin-top:10px;
}
#contador a img{
	margin-left:10px;
	margin-top: 5px;
}