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

body {
	margin:0;
	background-attachment:fixed;
	font: normal normal 12px/160% 'Source Sans Pro', sans-serif;
 }
 
#cuerpo {
	margin: 0px auto;
	width: 970px;
	border: 1px dashed #999;
	position:relative;
/*	color: #999; */
}

#header {
	background: #FFF; 
	height: 120px;
	width: auto;
	opacity: 0.9;
  	filter:  alpha(opacity=90);
	margin:0;
	padding:0;
	position:relative;
	box-shadow: 3px 3px 5px #666;
}

#footer {
	background: #FFF;
	height: 30px;
	width: 950px;
	opacity: 0.9;
  	filter:  alpha(opacity=90);
	margin:0;
	padding:0;
	position:relative;
	bottom:0;
	font: small-caps .8em Verdana, Geneva, sans-serif;
	color: #999;
	padding-top:8px;
	text-align:right;
	padding-right:20px;
}

#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;
}

#menu {
	font: small-caps 1.2em 'Source Sans Pro', sans-serif;
	color: #999;
	width: auto;
	position: absolute;
	text-align:right;
	right: 100px;
	top: 71px;
}

#menu li {display:inline;
list-style:none;
margin: 0 20px;
}

#menu a {
	color:#999;
}

#menu a:hover {
	color: #333;
}

.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;
}

a{ text-decoration:none;}

p {
	font: normal normal 12px/160% 'Source Sans Pro', sans-serif;
	padding: 5px 0;}

h1, h2 {
	font: normal small-caps 26px/160% 'Source Sans Pro', sans-serif;
	text-decoration:none;
	color:#900;
}

h2 { 
	font-size: 1.4em;	
	margin-top:10px;
	}

#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: 100px;
	font-weight: 600;
	display: inline-block;
	vertical-align:top;
}

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

.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;
}

.contacto {
	width: 600px;
	margin: 0 auto;
	color:#999;
	background-color:  #C0C8FF;
	border:solid 1px #ccc;
	opacity: .8;
	filter:  alpha(opacity=80);
	font: normal 10px 'Source Sans Pro', sans-serif;
	padding: 0 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 */
}
.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 */
}





/* ----------------------*/
    * {margin:0; padding:0}
/*    body {background: #ccc; color:#fff; margin:20px;} */
    a {color:#fff} 
 
    /* Background Carousel */
    #background-slides {position:absolute; top:0px; left: 0%;  margin: 0 auto; border:solid 1px red; width: 100px;}
    .slide {float:left}
 
    .slide.whitebg {background: #FFF center; width:1200px;}
    .slide.greyebg {background:#CBCB; width:1200px;}
 
    #cuerpo2 {width:950px; margin:0 auto; height:1500px;  position:relative}