/* CSS Document */
@import	url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300);
@import url(http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo); 

body {
	margin:0;
	background-image: url(../imagen/fondo.png);
	background-repeat:repeat;
	background-attachment:fixed;
	font: normal normal 12px/160% 'Source Sans Pro', sans-serif;
 }
 
div{  /* border: solid 1px #F00;  */
}
 
a{ 
	text-decoration: underline;
	color: #999;
}

a:hover { color:#fe6408;}

p, ul {
	font: normal normal 18px/130% 'Source Sans Pro', sans-serif;
	padding: 5px 40px 5px 0;
	text-align:justify;
	color:#505663;
}

h1, h2, h3 {
	font: bold small-caps 2.2rem/110% 'Source Sans Pro', sans-serif;
	text-decoration:none;
	color:#fe6408;
	margin: 0 0 10px 0;
}

h2 { 
	font-size: 1.8rem;	
	margin-top:30px;
	color:#505663;
	font-weight:bold;
	margin: 10px 0 0 0;
}

h3 { 
	font-size: 1.4rem;	
	margin-top:20px;
	color:#505663;
	font-weight:bold;
	margin: 5px 0 0 0;
}
	
#header,
#cuerpo,
#footer,
#menu {
	margin: 0px auto; 
/* 	width: 970px; */
	width: 1220px;
/*	border: 1px dotted #999; */
	background: #FFF;
}

#header {
	height: 105px;
	position:relative;
/*	box-shadow: 3px 3px 5px #666;
	opacity: 0.9;
  	filter:  alpha(opacity=90); */
}

#header .bebita{
	position:absolute;
	top: 10px;
}

#header .lubilu{
	right: 0;
	position:absolute;
	z-index:2;
}

#header .linea{
	width: 65%;
	background-image:url(../imagen/punto.png);
	background-repeat:repeat-x;
	position:absolute;
	top: 75px;
	left: 275px;
}

#header .homecorreo{
	position:absolute;
	right: 180px;
	top: 10px;
}

#menu {
	font: normal 2em 'Swanky and Moo Moo', cursive;
	color: #999;
	position: relative;
	text-align:left;
}


#cuerpo {
	position:relative;
	background-color: #fff;
	padding: 5px 0 0 20px;
	width: 1200px;
/*	height:468px;
	border:dotted 1px red; */
}

#cuerpo .central {
	width: 80%;
	float: left;
/*	border: solid 1px #0F9;  */
	overflow:hidden;
}

#cuerpo .colder {
	width: 220px;
/*	height: 400px; */
	font: normal 13px/13px Arial, Helvetica, sans-serif;
	text-align:center;
/*	border: solid 1px #F96; */
	overflow:hidden;
}

#cuerpo .colder img,
#cuerpo .colder .cuadrito {
	border: dotted 2px #CCC;
	border-radius:7px;
	padding: 5px;
	margin: 2px 5px 15px;
}

#cuerpo .colder .cuadrito {
	width: 175px;
	height: 80px;
	margin-left:15px;
}

#cuerpo .colder img:hover {
	border: solid 2px #fe6408;
}

#cuerpo .colder a {
	text-decoration:none;
}

#cuerpo .colder a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-weight:bold;
}

#cuerpo .izquierda {
	width: 40%;
	float: left;
/*	border: solid 1px #0F9;  */
	overflow:hidden;
	padding-top:10px;
/*	height: 425px; */
}

.ascensor {
	width: 400px;
	border: solid 1px #E2E2E2; 
	overflow: scroll;
	height: 420px;
	padding-left: 10px;
}

#cuerpo .derecha {
	width: 59%;
/*	height: 400px; */
	font: normal 13px/13px Arial, Helvetica, sans-serif;
	text-align:left;
/*	border: solid 1px #F96; */
	overflow:hidden;
/*	height:425px; */
}

/* #cuerpo .derecha img {
	border:dotted 1px #999;
	padding:10px;
} */

.cuidado {
	width: 450px;
	border: solid 1px #F9F9F9; 
	overflow: scroll;
	height: 440px;
	padding-left: 10px;
}

.cuidado p, 
.cuidado ul {
	font-size:15px;
}

.cuidado h2 {
	font-size:1.4rem;
}



#footer {
	height: 30px;
	clear:both;
/*	opacity: 0.9;
  	filter:  alpha(opacity=90);  */
	position:relative; 
	bottom:0;
	font: normal 1em Verdana, Geneva, sans-serif;
	color: #999;
	text-align:center;
	padding: 5px 0 0 0;
}

#footer .linea{
	width: 100%;
	background-image:url(../imagen/punto.png);
	background-repeat:repeat-x;
	position:absolute;
	top: 10px;
	left: 0px;
}

.padre {
	display:table;
	height:30px;
	width:auto;
}

.hijo {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.father {
	display:table;
	height:420px;
	width:auto;
/*	border:solid 1px red;  */
}

.son {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

.pather {
	display:table;
	height:80px;
	width:178px;
/*	border:solid 1px red; */
}


.grad {
    height: 2px;
	margin-bottom: 10px; 
/*	border:solid 1px red;*/
    background: -webkit-linear-gradient(left, white, gray, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,  white, black, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,  white, black, white); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right,  white, gray, white); /* Standard syntax (must be last) */
}



/////////////////////////////////






#header h1 {
	position: absolute;
	font: normal 2.6em "Times New Roman", Times, serif;
	width: auto;
	color: #666;
	margin:0;
	left: 68px;
	top: 10px;
	opacity: 1;
	filter:  alpha(opacity=100);
}

#blanco {
	width:auto;
	height: 430px;
}

.mensaje {
	font-size: 1.6em;
	text-shadow:2px 2px #fff;
	width: 450px;
/*	height: 500px; */
	color: #000;
	position:relative;
	left: 30px;
	background-color:#fff;
	opacity: 0.5;
  	filter:  alpha(opacity=50);
	padding:5px;
	border-radius:10px;
	text-decoration:none;
	margin-top: 100px;
}



.sobrerecuadro {
	width: 970px;
	position:absolute;
	bottom:40px;
	
}

.recuadro  {
	background: #FFF;
	margin: 10px;
	padding: 10px;
	height: 120px;
	width: 200px;
	border: solid 1px #CCC;
	border-radius:7px;
	opacity: 0.9;
  	filter:  alpha(opacity=90);
	float:left;
	font: small-caps 1.6em 'Source Sans Pro', sans-serif;
	color: #000;
}

.recuadro:hover[id='azul'] {  
	background-color: #00C ;
	color: #FFF; 
}

.recuadro:hover[id='rojo']  { 
	background-color:#F36 ;
	color: #fff;
}

.recuadro:hover[id='verde']  { 
	background-color: #3C3 ;
	color: #fff;
}

.recuadro:hover[id='anaranjado']  { 
	background-color: #F93;
	color: #fff;
}



#cuartilla {
	background: #FFF; 
/*	min-height: 600px; */
	width: 890px;
	opacity: 0.9;
  	filter:  alpha(opacity=90);
	margin:20px;
	padding:20px;
	position:relative;
	box-shadow: 3px 3px 5px #666;
	border-radius:7px;
}

.img_der {
	position:absolute;
	left: 559px;
	top: 112px;
	width: 651px;
	height: 320px;
}
	
.clientes {
	width:275px;
	border:solid 1px #999;
	padding: 2px;
	margin-right: 10px;
	float:left;
}

.rotulo{
	width: 300px;
	font-weight: 600;
	display: inline-block;
	vertical-align:top;
	color:#fe6408;
}

.descripcion {
	width: 450px;
/*	font: normal normal 12px/160% Verdana, Geneva, sans-serif; */
	font-family:inherit;
	display: inline-block;
}

input, button, textarea {
	font-size:14px;
}

.finpag {clear:both;}

.imagender {
	width: 300px;
	padding:3px;
/*	margin: 10px 10px 10px 20px; */
}

.marco {
	float:right;
	width: 306px;
	border:solid 1px #900;
	padding:1px;
	margin-left: 20px;
/*	margin: 10px 10px 10px 20px; */
	background-color: #fff;
	opacity: 1;
  	filter:  alpha(opacity=100);
	font: normal 10px 'Source Sans Pro', sans-serif;
	text-align:center;
}

.caja_contacto {
	float:left;
	padding-bottom: 10px;
}

.contacto {
	width: 700px;
	margin: 0 auto;
	color:#999;
	background-color: #FCFCFC;
	border:solid 1px #ccc;
	opacity: .8;
	filter:  alpha(opacity=80);
	font: normal 16px 'Source Sans Pro', sans-serif;
	padding: 10px 0 10px 20px;
	border-radius:4px;
}

.contacto .descripcion {
	border-radius:4px;
}

.subtitulo {
	color: #900;
	font-variant:small-caps;
	font-weight:bold;	
	font-size: 1.2em;
}

li {
	padding: 8px 0 8px 20xp;
	margin: 10px 0 0 20px;
	list-style:disc;
}	

.ladeado {

	transform: translate(20px,20px);
	-ms-transform:translate(20px,20px); /* IE 9 */
	-webkit-transform:translate(20px,20px); /* Safari and Chrome */
		transform: skewy(10deg);
	-ms-transform:skewy(10deg); /* IE 9 */
	-webkit-transform:skewy(10deg); /* Safari and Chrome */
}

.testimonio {font-style:italic}
.autor {
	font-style:normal;
	font-weight:bold;
	text-align:right;
	padding: 0px 40px 10px 0;
}



.div0 {
	width:100px;
	height: 200px;
/*	border:solid 1px red; */
	display: inline-block;
	margin-top:50px;
}
.div1
{
position: relative;
/* height: 10px;
width: 10px;
margin: 3px;
padding:3px;
border: 0px solid black; */
perspective:300px;
-webkit-perspective:300px; /* Safari and Chrome */

}

.div2
{
padding:5px;
position: relative;
/*border: 1px solid black;
background-color: red; */
transform: rotateX(-20deg);
-webkit-transform: rotateY(-20deg); /* Safari and Chrome */
}