@charset "utf-8";/* DOCUMENTO CSS CREADO POR REFILLCREATIVO.COM.MX */
/*CLASES*/
.bg{background: url(../imagenes/patron.png) repeat;}
.hoja{width:100%; height:100%;}
.CajaCizq
{
	text-align:center;
	width:500px; height:600px;
	left:45%; top:25px;
	position:absolute;
}
.CajaCder
{
	text-align:center;
	width:450px; height:600px;
	left:60%; top:5%;
	position:absolute;
}
/*ETIQUETAS*/
body{overflow:hidden;}
/*ID*/
#Tbox{
	position:absolute;
	left:10%; top:55px; 
	width:75%; height:580px;
	z-index:10;
}
#formuC
{
	background-color:#333;
	width:50%; height:auto;
	margin:2% auto 0 auto; padding:15px;
	border-radius:25px;
}
.download{ 	z-index:10; width:100px; height:24px; box-shadow:1px 1px 2px  #000000;}
#boxtext{
	width:490px; height:auto;
	position:absolute;
	top:325px; left:15%;
	line-height:1.03em;
}
.contenidosizq { width:25%; height:auto;float:left;	margin-left:20%; margin-top:25%;}
.noanchor:link, .noanchor:visited, .noanchor:active {
	text-decoration: none;
	color:white;
	background-color:#333;
}
#logo{	left:10px;	top:0px;}

#content{	height:100%;	overflow-y: scroll;	overflow-x: hidden;	background-image: url(assets/brushed_alu.png);}

p{	margin-left:10px;	font-family:Arial, Helvetica, sans-serif;	font-size:15px;	margin-bottom:15px;}

.arrow{	opacity:0.8;}
.dirText{color:#000; background-color:#FBFBFB; font-size:30px; margin-top:10px; opacity:0.0;}
.control{	position:fixed;	width:170px;	cursor:pointer;}
/******flechas*/
#rightControl{	right:0px; 	top:40%; }
#leftControl{	left:0px;	top:40%;}
/***TEXTOS*/
.tcentro{text-align:center;}
.tjustificado{text-align:justify;}
.tderecha{text-align:right;}
.tizquierda{text-align:left;}
.tsombra{text-shadow:10px 3px 4px #333333;}
.txt{font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:14px;}
/*TAMAÑOS TEXTOS*/
.f0{font-size:14px;}
.f1{font-size:24px;}
.f2{font-size:50px;}
.f3{font-size:100px;}
/****COLORES DE TEXTOS*/
.negro{color:#000;}
.blanco{color:#FFF;}
.naranja{color:#F30;}
.negroclaro{color:rgba(0,0,0,0.8);}
/****************************EDICION DEL MFORMULARIO********************/
#formuC input[type="text"]{	border-radius:5px; border:none; height:30px; box-shadow:inset 0 0 10px #333333;}
#formuC input[type="submit"]
{
	width:120px; padding:5px; border:none; color:#000; background-color:#FFF;
	border-radius:10px; 
	text-shadow:0 1px 3px rgba(0,0,0,0.85);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
 	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb);
}
#formuC textarea{	border-radius:10px; border:none; box-shadow:inset 0 0 10px #333;}
#formuC input[type="text"]:hover, #formuC textarea:hover, #formuC inpu[type="checkbox"]:hover
{
	box-shadow:0 0 10px rgba(255,0,51, 0.5); 
}
#formuC input[type=text]:focus, #formuC textarea:focus, #formuC inpu[type=checkbox]:focus
{
	box-shadow:0 0 12px rgba(51,204,255,0.5); background-color:#FF6; color:#000;
}
#formuC input[placeholder], #formuC textarea[placeholder]
{
	font-size:14px; color:#333; font-style:italic; background-color:#FFF;
}