﻿body 
{
	margin:0;
	padding:0;
	font-family:Calibri, Arial, Verdana, Serif;
	background:#252424 url(../images/bg_body.jpg) top center no-repeat;
}

a
{
	outline:0;
}

#wrapper
{
	width:800px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}

#header
{
	width:800px;
	height:217px;
}

#logo
{
	width:800px;
	height:170px;
}

#logo img
{
	margin:40px 0 0 30px;
}

#menu
{
	width:800px;
	height:22px;
}

#menu ul.menu
{
	list-style:none;
	margin:0 0 0 140px;
	padding:0;
}

#menu ul.menu li
{
	display:block;
	float:left;
	margin:0 15px 0 0;
}

#menu ul.menu li.locales
{
	display:block;
	float:left;
	margin:0 0 0 60px;
}

#menu ul.menu li.locales a
{
	color:#27a0b1;
}

#menu ul.menu li a
{
	display:block;
	width:auto;
	font-size:1.2em;
	font-weight:bold;
	color:#aeabab;
	height:1.2em;
	line-height:1.1em;
	text-decoration:none;
	padding:0;
}

#menu ul.menu li a:hover
{
	display:block;
	width:auto;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	height:1.2em;
	line-height:1.1em;
	text-decoration:none;
	padding:0;
}

#menu ul.menu li a.active
{
	display:block;
	width:auto;
	font-size:1.2em;
	font-weight:bold;
	color:#f67e33;
	height:1.2em;
	line-height:1.1em;
	text-decoration:none;
	padding:0 0 0 22px;
	background:url(../images/bg_flecha.png) no-repeat;
}

#slide
{
	position:relative;
	width:800px;
	height:450px;
	margin:10px 0 0;
	padding:0;
}

#navigation
{
	position:absolute;
	width:240px;
	height:43px;
	right:0;
	bottom:25px;
	z-index:9999;
}

#navigation .left
{
	float:left;
	display:block;
	width:73px;
	height:43px;
	text-indent:-10000px;
	background:url(../images/bg_slide_navigation.png) no-repeat  0 0;
	margin:0 70px 0 0;
}

#navigation .right
{
	float:left;
	display:block;
	width:73px;
	height:43px;
	text-indent:-10000px;
	background:url(../images/bg_slide_navigation.png) no-repeat  0 -43px;
}

#content
{
	margin:15px 0 0;
	width:800px;
	overflow:hidden;
	background:transparent url(../images/bg_top_content.png) no-repeat top center;
}

#content .description
{
	float:left;
	width:340px;
	margin:10px 0 0 20px;
}

#content .description h1
{
	font-size:1.5em;
	margin:0 0 3px 0;
	padding:0;
	color:#FFF;
}

#content .description p
{
	width:300px;
	margin:0 0 10px 0;
	padding:0;
	color:#FFF;
	text-align:justify;
}

#content .sharing
{
	position:relative;
	float:left;
	width:430px;
	height:183px;
	margin:15px 0 0 0;
}

#content .sharing .comprar
{
	position:absolute;
	width:140px;
	height:26px;
	line-height:26px;
	left:0;
	bottom:15px;
	
}

#content .sharing .comprar a
{
	display:block;
	width:auto;
	background:url(../images/carrito.png) no-repeat;
	padding-left:35px;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#content .sharing span
{
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 8px 0;
}

#content .sharing ul#share-list 
{
    margin:40px 0 0;
    padding:0;
}
    
#content .sharing ul#share-list li 
{
    padding: 0px;
    display: inline-block;
    *display: inline; /* IE 7 and below */
    position: relative;
    margin: 0 5px;
    width: 40px;
    height: 40px;
}

#content .sharing ul#share-list li:first-child 
{
	margin-left:0;
}

#content .sharing ul#share-list li:last-child 
{
	margin-right:0;
}

#content .sharing ul#share-list li img {
    width:40px;
    position:absolute;
    top:0px;
    left:0px;
    padding:0px;
    margin:0;
    border:none;
}

#columns
{
	padding:0;
	margin:0;
	width:800px;
	overflow:hidden;
	background:#595555;
}

#pochola h2.titulo 
{
	width:800px;
	background: url(../images/bg_top_content.png) no-repeat;
	padding: 20px 10px 0;
	margin: 0;
	margin-top: 10px;

}

#fondopochola
{
	width:800px;
	background: url(../images/bg_bottom_content.png) no-repeat bottom;
	padding-bottom: 25px;
}

#fondopochola p, h3
{
	width:780px;
	background: url(../images/bg_content.png);
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}

#container-form
{
	width:780px;
	background: url(../images/bg_content.png);
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	color:#FFF;
	overflow:hidden;
}

#container-form #left
{
	float:left;
	width:350px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#container-form #left .campo
{
	margin-top:5px;
	clear:both;
	display:block;
}

#container-form #left .campo label
{
	width:110px;
	float:left;
	display: block;
	line-height: 1.4em;
	margin:8px 0 0 0;
}

#container-form #left .campo input[type='text']
{
	float:left;
	display:block;
	width:210px;
	height:20px;
	padding:3px;
	border: 1px solid #cecece;
	margin:8px 10px 0 0;
}

#container-form #left .campo textarea
{
	float:left;
	display:block;
	width:210px;
	padding:3px;
	border: 1px solid #cecece;
	margin:8px 10px 0 0;
}

#container-form #left .send
{
	display:block;
	margin:60px 0 0 108px;
}

#container-form #left .send input[type='submit']
{
	font-family:Calibri, Arial, Verdana, Serif;
	font-size:1em;
	background:#E78918;
	border:0;
	color:#FFF;
	padding:5px;
}

#container-form #left .send input[type='submit']:hover
{
	background:#D24C0D;
}

#container-form #right
{
	float:left;
	width:410px;
	margin:0;
	padding:0 0 0 15px;
	overflow:hidden;
}

#container-form #right .campo
{
	margin-top:5px;
	clear:both;
	display:block;
}

#container-form #right .campo label
{
	width:160px;
	float:left;
	display:block;
	line-height: 1.4em;
	margin:8px 0 0 0;
}

#container-form #right .campo input[type='text']
{
	float:left;
	display:block;
	width:222px;
	height:20px;
	padding:3px;
	border: 1px solid #cecece;
	margin:8px 10px 0 0;
}

#fondopochola ul
{
	width:800px;
	background: url(../images/bg_content.png);
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	
}

li.beneficios {
	width: 750px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;

}

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

#fondopochola a:hover
{
	text-decoration: none;
	color: #fff;
}
	
#columns .col-full
{
	overflow:hidden;
	position:relative;
	float:left;
	width:800px;
	margin:0 10px 0 0;
	padding:0;
}

#columns .col-full h2
{
	margin:10px 0 0 20px;
	padding:0;
	font-size:1.3em;
	color:#FFF;
}

#columns .col-full p
{
	width:760px;
	margin:10px auto 15px;
	text-align:left;
	color:#FFF;
	text-align:justify;
}

#pochola p.huge
{
	width:780px;
	text-align:left;
	color:#FFF;
	text-align:justify;
	font-size:1.3em;
	font-weight:bold;
}

#columns .col-full p a
{
	color:#FFF;
}

#columns .col-full p a:hover
{
	color:#f67e33;
}

#columns .col-full h3
{
	margin:10px 0 0 20px;
	padding:0;
	font-size:1.1em;
	color:#FFF;
}

#columns .col-full ul
{
	margin:10px 0 0 38px;
	padding:0;
	color:#fff;
}

#columns .col
{
	overflow:hidden;
	position:relative;
	float:left;
	width:260px;
	height:365px;
	margin:0 10px 0 0;
	padding:0;
	cursor:pointer;
}

#columns .last
{
	margin-right:0;
	padding:0;
}

#columns .col p
{
	width:220px;
	margin:10px auto;
	text-align:left;
	color:#FFF;
}

#columns .col h2
{
	margin:10px 0 0 20px;
	padding:0;
	font-size:1.3em;
	color:#FFF;
}

#columns .col a
{
	position:absolute;
	right:5px;
	bottom:8px;
	border:0;
	display:block;
	width:30px;
	height:30px;
	text-indent:-10000px;
	background:url(../images/bg_col_a.png) no-repeat 0 0;
}

#columns .col a:hover
{
	background-position:0 -30px;
}

#columns .col a.hover
{
	background-position:0 -30px;
}

#columns .bg
{
	background:#666;
}

#footer
{
	margin:0;
	width:800px;
	height:100px;
	overflow:hidden;
	background:#595555 url(../images/bg_footer.jpg) no-repeat bottom;
}

#footer .social
{
	text-align:center;
	width:800px;
	height:48px;
	margin:30px 0 10px;
	padding-left:304px;
}

#footer .social a
{
	float:left;
	display:block;
	width:48px;
	height:48px;
	background:url(../images/social_sprite.jpg) no-repeat;
	text-indent:-10000px;
}

#footer .social a.twitter
{
	background-position: 0 0;
}

#footer .social a.facebook
{
	background-position: -48px 0;
}

#footer .social a.flickr
{
	background-position: -96px 0;
}

#footer .social a.blog
{
	background-position: -144px 0;
}


#copyright
{
	text-align:center;
	margin:0;
	width:800px;
	height:80px;
	line-height:80px;
	color:#999;
	font-size:.8em;
}

