@charset "utf-8";
/* CSS Document */

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}
body {
	background:center top;
	background-color:#fff;
	font-family:'MyriadProRegular';
	font-weight: light;
	font-size:16px;
	margin:0 auto;
	text-align:center;

}

#blog{
	height:73px;
	width:73px;
}

#blog img{
	float:left;
}

#caja1-side2 {
	background-image:url(../images/manito-home-gamacu.png);
	background-repeat:no-repeat;
	background-position:left;
	height:138px;
	padding-left:90px;
	text-align: left;
	width:400px;
}
#caja1-side2 h3 {
	margin-top: 25px;
}

#caja1-side2 h6 {
	margin-top: 0;
}
#caja2-side2 {
	background-image: url(../images/alianza-home-gamacu.png);
	background-repeat:no-repeat;
	background-position:left;
	height:138px;
	padding-left:90px;
	text-align: left;
	width:400px;
}
#caja2-side2 h3 {
	margin-top: 25px;
}

#caja2-side2 h6 {
	margin-top: 0;
	font-size: 0.4em;
}
#caja3-side2 {
	background-image: url(../images/trabajo-home-gamacu.png);
	background-repeat:no-repeat;
	background-position:left;
	height:138px;
	padding-left:90px;
	text-align: left;
	width:400px;
}
#caja3-side2 h3 {
	margin-top: 25px;
}

#caja3-side2 h6 {
	margin-top: 0;
}

#caja-portafolio {
	background-image:url(../images/caja-portafolio-gamacu.png);
	cursor:pointer;
	position:absolute;
	height:188px;
	width:307px;
	z-index: 5;
	left: 630px;
	top: 92px;
}

#caja-portafolio:hover{
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-webkit-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-moz-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-ms-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff; 
	-o-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
}

#caja-redes {
	background-image: url(../images/carita-equipo-gamacu.png);
	position:absolute;
	height:188px;
	width:307px;
	z-index: 5;
	left: 630px;
	top: 92px;
}

#caja-redes:hover{
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-webkit-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-moz-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-ms-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-o-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
}

#caja-vision {
	background-image: url(../images/flecha-vision-gamacu.png);
	position:absolute;
	height:215px;
	width:133px;
	z-index: 5;
	left: 750px;
	top: 62px;
}

#caja-vision:hover{
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-webkit-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-moz-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-ms-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
	-o-box-shadow: 0 0 10px #fff,
                   0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 40px #fff,
                   0 0 60px #fff,
                   0 0 80px #fff,
                   0 0 100px #fff;
}

#caja-verde{
	background-image:url(../images/bg-tigre-greenpeace.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color: rgba(15,148,18,0.5);
	height:250px;
}

#caja-verde-texto{
	font-size:0.7em;
	float:left;
	letter-spacing:0.8px;
	padding:0 0 0 30px;
	text-align:left;
	width:270px;
}

#caja-verde-texto h3{
	margin-top:0;
}

#caja-verde-texto h3{
	line-height:0px;
}

#carita{
	background-image: url(../images/carita.png);
	height:147px;
	left: 580px;
	position:absolute;
	top: 42px;
	width:150px;
	z-index:7;
	
	transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
}

#carita:hover{

	transform: rotateY(360deg);
   -webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
   -ms-transform: rotateY(360deg);
   -o-transform: rotateY(360deg);
}

.container {
	margin:auto;
	position:relative;
	width:960px;
}
#content-interno1 {
	background-image:url(../images/bg-circulos-gamacu.png);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: rgba(0,0,0,0.1);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	height:540px;
	padding:0px 20px 0 20px;
	width:920px;
}
#content-interno2 {
	height:80px;
	padding:20px 10px 0 30px;
	width:920px;
}
#content-interno3 {
	background-image:url(../images/bg-circulos-gamacu.png);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: rgba(0,0,0,0.1);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	font-size:1.2em;
	letter-spacing:1px;
	height:315px;
	padding:0px 20px 0 20px;
	position:relative;
	width:920px;
}
#content-interno3 article {
	float:left;
	text-align: justify;
	padding-top:20px;
	width:500px;
	color: #FFF;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}
#content-interno4 {
	background-image: url(../images/bg-circulos-gamacu2.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color: rgba(0,0,0,0.3);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	height:660px;
	width:960px;
}
#content-interno4 article {
	color:#FFF;
	display:inline-block;
	text-align: justify;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	padding:0 25px 0 25px;
	width: 260px;
}
#content-servicios {
	background-image: url(../images/collage-servicios-gamacu.png);
	background-repeat:no-repeat;
	background-position: top center;
	height:650px;
	width:960px;
}
#content-clientes {
	background-color: rgba(0,0,0,0.3);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	width:960px;
}
#content-clientes article {
	background-color:rgba(0,0,0,0.1);
	border: thin solid rgba(255,255,255,0.2);
	display:inline-block;
	padding:10px 10px 10px 10px;
}
#content-contacto {
	background-image:url(../images/bg-circulos-gamacu.png);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: rgba(0,0,0,0.1);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	height:520px;
	width:960px;
}

#content-salva {
	background-repeat:no-repeat;
	background-position: top right;
	background-color: rgba(255,255,255,0.4);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	height:833px;
	margin:0 auto;
	width:940px;
}

#copy{
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 0.8em;
	letter-spacing:0.2px;
	padding-bottom:30px;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

#coticenos{
	position: absolute;
	left: 727px;
	top: 409px;
	z-index: 20;
}

#coticenos:hover{
	cursor:pointer;
	position: absolute;
	left: 727px;
	top: 409px;
	z-index: 20;
	
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transform: translateX(-10px) translateY(-10px) scale(1.1);
	-webkit-transform: translateX(-10px) translateY(-10px) scale(1.1);
	-moz-transform: translateX(-10px) translateY(-10px) scale(1.1);
	-ms-transform: translateX(-10px) translateY(-10px) scale(1.1);
	-o-transform: translateX(-10px) translateY(-10px) scale(1.1);
	
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
}

#datos{
	background-image:url(../images/icono-telefono-gamacu.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFF;
	float:right;
	margin-right:10px;
	width:120px;
	font-size:0.9em;
	text-align:right;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

#datos a{
	color:#FFF;
	text-decoration:none;
}

#facebook{
	height:73px;
	width:100%;
}

#facebook img{
	float:left;
}

#flecha{
	background-image: url(../images/flecha.png);
	height:146px;
	left: 780px;
	position:absolute;
	top: 22px;
	width:106px;
	z-index:7;
}

#flecha:hover{
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transform: translateY(-10px) scale(1.1);
	-webkit-transform: translateY(-10px) scale(1.1);
	-moz-transform: translateY(-10px) scale(1.1);
	-ms-transform: translateY(-10px) scale(1.1);
	-o-transform: translateY(-10px) scale(1.1);
}

footer{
	background-image:url(../images/bg-ciudad-gamacu.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color: rgba(0,0,0,0.4);
	width:100%;
}

#footer-content{
	margin: 0 auto;
	height: 370px;
	width: 960px;
	font-size: 16px;
}

#footer-nav{
	display:inline-block;
	float:right;
	width:700px;
}

#footer-nav ul {
	list-style:none;
}
#footer-nav ul li {
	float:right;
	margin:0;
}
#footer-nav ul li a {
	background-image:url(../images/linea-menu2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color:#FFFFFF;
	display:block;
	height:12px;
	text-decoration:none;
	text-align:center;
	width:100px;
}
#footer-nav ul li a:hover {
	color:#ffffff;
	display:block;
}

#frase{
	position: absolute;
	width: 616px;
	left: 6px;
	text-align: left;
	top: 106px;
	z-index: 11;
	height: 178px;
}
#frase h1{
	line-height:60px;
	margin-top:0px;
}

#frase h2{
	margin-top:-30px;
}
#frase h4{
	margin-top:-30px;
}

#greenpeace{
	float:right;
	height:39px;
	width:248px;
}

hr {
 background-color:# 333;
	border: 0;
	color:#333;
	height:1px;
	float: right;
	width:960px;
}
h1 {
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 6em;
	font-weight:lighter;
	text-align:left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	letter-spacing:-1px;
}

h1 span {
	color:#fff;
	font-size: 0.5em;
	text-align:left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	letter-spacing:-1px;
	line-height:1.3;
}

h2 {
	color:#7a9ec8;
	font-family:'MyriadProRegular';
	font-size: 3em;
	text-align:left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	letter-spacing:-1px;
	line-height:0;
}

h2 span {
	color:#fff;
	font-family:'Conv_MyriadPro-It';
	font-size: 1.2em;
	text-align:left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	letter-spacing:-1px;
	line-height:0;
}

h3 {
	color:#fff;
	font-family:'Conv_MyriadPro-It';
	font-size: 2.7em;
	text-align:left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	font-weight:lighter;
}

h3 span{
	color:#7a9ec8;
	font-family:'MyriadProRegular';
	font-size:0.9em;
	text-align:left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	font-weight:lighter;
	line-height:30px;
}

h4 {
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 2.3em;
	font-weight:lighter;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	letter-spacing:1px;
}

h4 span{
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 0.5em;
	font-weight:lighter;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	letter-spacing:1px;
}

h5 {
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 1.4em;
	font-weight:lighter;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

h5 span {
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 0.9em;
	font-weight:lighter;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

h6 {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.3em;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	font-weight:inherit;
}

h6 span{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: lighter;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

.icono-portafolio{
	display:inline-block;
	height:40px;
	margin-left:20px;
	width:27px;
}

#linea-vertical {
	border-left: 1px solid #fff;
	width:1px;
	height:100px;
}
#logo {
	height:100px;

}
#logo2 {
	width:100%;
}

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

#logo2 img{
	float:left;
	padding-right:60%;
	padding-top:-20px;
}


#logomariposa{
	width: 310px;
	position: absolute;
	left: 648px;
	top: 60px;
	z-index: 10;
}

#navigation {
	margin:0 auto;
}
nav ul {
	list-style:none;
	margin:0;
	padding-top:50px;
}
nav ul li {
	float:right;
	
}
nav ul li a {
	background-image:url(../images/linea-menu.png);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFFFFF;
	display:block;
	height:42px;
	padding-left:5px;
	text-decoration:none;
	text-align:left;
	width:110px;
}
nav ul li a:hover {
	display:block;
	color: #000;
}

#mail{
	float:right;
	height:16px;
	margin-right:40px;
	width:16px;
}

#manito{
	background-image:url(../images/manito-gamacu.png);
	height:148px;
	left: 580px;
	position:absolute;
	top: 52px;
	width:184px;
	z-index:7;
}

#manito:hover{
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transform: translateX(-10px) translateY(-10px) scale(1.1);
	-webkit-transform: translateX(-10px) translateY(-10px) scale(1.1);
	-moz-transform: translateX(-10px) translateY(-10px) scale(1.1);
	-ms-transform: translateX(-10px) translateY(-10px) scale(1.1);
	-o-transform: translateX(-10px) translateY(-10px) scale(1.1);
}

p {
	color:#fff;
	font-family:'MyriadProRegular';
	font-size: 14px;
	text-align: left;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

#salva{
background: rgba(210,255,82,0.5);
background: -moz-linear-gradient(top, rgba(210,255,82,0.5) 0%, rgba(145,232,66,0.6) 54%, rgba(134,222,51,0.7) 55%, rgba(93,189,4,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,255,82,0.5)), color-stop(54%, rgba(145,232,66,0.6)), color-stop(55%, rgba(134,222,51,0.7)), color-stop(100%, rgba(93,189,4,0.8)));
background: -webkit-linear-gradient(top, rgba(210,255,82,0.5) 0%, rgba(145,232,66,0.6) 54%, rgba(134,222,51,0.7) 55%, rgba(93,189,4,0.8) 100%);
background: -o-linear-gradient(top, rgba(210,255,82,0.5) 0%, rgba(145,232,66,0.6) 54%, rgba(134,222,51,0.7) 55%, rgba(93,189,4,0.8) 100%);
background: -ms-linear-gradient(top, rgba(210,255,82,0.5) 0%, rgba(145,232,66,0.6) 54%, rgba(134,222,51,0.7) 55%, rgba(93,189,4,0.8) 100%);
background: linear-gradient(to bottom, rgba(210,255,82,0.5) 0%, rgba(145,232,66,0.6) 54%, rgba(134,222,51,0.7) 55%, rgba(93,189,4,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#5dbd04', GradientType=0 );
	
	border:1px solid rgba(255,255,255,0.4);
	border-radius: 10px;
	float:right;
	height:100px;
	margin:0 20px 0 0;
	padding:7px;
	width:72px;
}

#salva:hover{
		transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	box-shadow: 0 0 5px #fff,
                   0 0 3px #fff,
                   0 0 5px #fff,
                   0 0 7px #fff,
                   0 0 10px #fff,
                   0 0 15px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff;
	-webkit-box-shadow: 0 0 5px #fff,
                   0 0 3px #fff,
                   0 0 5px #fff,
                   0 0 7px #fff,
                   0 0 10px #fff,
                   0 0 15px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff;
	-moz-box-shadow: 0 0 5px #fff,
                   0 0 3px #fff,
                   0 0 5px #fff,
                   0 0 7px #fff,
                   0 0 10px #fff,
                   0 0 15px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff;
	-ms-box-shadow: 0 0 5px #fff,
                   0 0 3px #fff,
                   0 0 5px #fff,
                   0 0 7px #fff,
                   0 0 10px #fff,
                   0 0 15px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff;
	-o-box-shadow: 0 0 5px #fff,
                   0 0 3px #fff,
                   0 0 5px #fff,
                   0 0 7px #fff,
                   0 0 10px #fff,
                   0 0 15px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff;
}

#side-left {
	background-image:url(../images/parentesis.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	width:392px;
}
#side-left h6 {
	padding:0 25px 0 25px;
	font-size: 14px;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}
#side-right {

}
#side2-left {
	float:left;
	width:500px;
}
#side2-right {
	float:right;
	padding-top:40px;
	width:307px;
}
#side3-center {
	float:left;
	text-align: left;
	height:74px;
	width:180px;
	color: #FFF;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

#side3-center h5{
	color:#7a9ec8;
	font-size:2em;
	margin-top:5px;
	line-height:30px;
}

#side3-left {
	float:left;
	margin-right: 10px;
	text-align: left;
	height:74px;
	width:180px;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

#side3-left h5{
	color:#7a9ec8;
	font-size:2em;
	margin-top:5px;
	line-height:30px;
}

#side3-right {
	color: #FFF;
	float:left;
	text-align: left;
	height:74px;
	width:180px;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

#side3-right h5{
	color:#7a9ec8;
	font-size:2em;
	margin-top:5px;
	line-height:30px;
}

#side4-left {
	float:left;
	text-align: left;
	width:450px;
}

#side4-left h5{
	margin:0;
	line-height:27px;
}

#side4-left h6{
	line-height:0;
}

#side4-right {
	color:#FFF;
	float:right;
	padding:0 25px 0 0;
	width:425px;
}

#spacer{
	height:160px;
	width:960px;
}

#twitter{
	height:74px;
	width:100%;
}

#twitter img{
	float:left;
}


#web{
	border: thin solid rgba(255,255,255,0.6);
	padding:3px 3px 0 3px;
}

#zona{
	width:100%;
}

#zona article{
	color:#FFF;
	font-size:0.9em;
	display:inline-block;
	line-height:20px;
	padding:0 0 0 2.5%;
	text-align:left;
	width:17%;
}

#zona article li{
	margin:0;
	font-size: 0.8em;
}


/*///////// FORM ///////////////*/

#form {
	padding: 10px;
	width: 400px;
	margin: auto;
	text-align: left;
}

#form h2 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
}
#form .campo {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 1.2em;
}
#form .error {
	border: 1px solid #F00;
	padding: 0.3em;
	font-size: 1.2em;
}
#form .com {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 1.2em;
	width:20em;
	height: 10em;
	font: 1em 'MyriadProRegular';
}
#form .com-error {
	border: 1px solid #F00;
	padding: 0.3em;
	font-size: 1.2em;
	width:20em;
	height: 10em;
	font: 1em 'MyriadProRegular';
}
#form .boton {
	border: 2px solid #999;
	padding: 0.3em;
	font-size: 1.2em;
	width: 4em;
}
#error {
	border: 1px dashed #F00;
	background-color: #FFF;
	padding: 5px;
}
#ok {
	border: 1px dashed #060;
	background-color:#FFF;
	padding: 5px;
}

/*///////// CAROUSEL ///////////////*/

.list_carousel {
	width: 307px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	text-align: center;
	width: 307px;
	height: 189px;
	padding: 0;
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}