@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-image: url(images/fondo_.jpg);
	background-attachment:fixed;*/
	overflow-x:hidden;}
/*********************ESTILO MENUTOP ****************/
#capa_head { 
	position:fixed;
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 46px; 
	z-index: 2;
	background-color:#000;
	FILTER: alpha(opacity=80);
	moz-opacity: 0.85; 
	opacity: 0.85;
	filter:progid:DXImageTransform.Microsoft.Alpha(	opacity = 80 );
	opacity: .8;    
	/*background-image: url(images/foto1.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;*/
    box-shadow: 
    0px 0px 0px 5px rgba( 255,255,255,0.4 ), 
    0px 4px 20px rgba( 0,0,0,0.33 );
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	display:inline-flex;
	flex-wrap:wrap;
}
#capa_logo {width:30%; float:left; margin:0; padding:0; margin-top:6px;}
#capa_menu {width:68%; float:right; margin:13px 2% 10px 0; padding:0; text-align:right; display:block;}
/**********************RESPONSIVE MENUTOP*******************/
@media all and (max-width : 540px) {
#capa_head {height:85px;} 
#capa_logo {width:100%; float:none; text-align:center;}
#capa_menu {width:100%; float:none; text-align:center;}	
	}
/**********************TEXTO INICIAL**********************/
#sesaluda{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
	padding:0;
	margin:0;
	width:100%;
    margin-bottom:12px;
	text-align:center;
	margin-top:10px;
	text-shadow: 4px 3px 3px #333;
	animation-duration: 2s;
    animation-name: slidein;
}
@media all and (max-width : 540px) {
#sesaluda{
    font-size: 16px;
	}
}
/***********************BOTONES SELECCION***********************/
.bloqcreacion{
	width:100%; 
	margin:0; 
	padding:0; 
	text-align:center;
	margin-top:90px;
	}
@media all and (max-width : 540px) {
.bloqcreacion{
    margin-top: 30px;
	}
}
.creacion{
	display:inline-flex;
	flex-wrap:wrap;	
	width:30%;
	margin:0 8%;
	padding:0;
	}
.sombra-crea{
	box-shadow: 30px 20px 20px rgba(0,0,0,0.45);
	Width:100%;
	margin:0;
	padding:0;
	-webkit-transition: all 500ms ease-in-out; 
    -moz-transition: all 500ms ease-in-out; 
    -ms-transition: all 500ms ease-in-out; 
    -o-transition: all 500ms ease-in-out; 
	}
.sombra-crea:hover{
	box-shadow: 24px 16px 16px rgba(0,0,0,0.45);
	-webkit-transition: all 500ms ease-in-out; 
    -moz-transition: all 500ms ease-in-out; 
    -ms-transition: all 500ms ease-in-out; 
    -o-transition: all 500ms ease-in-out; 
    transform:scale(0.9);
	-ms-transform:scale(0.9); // IE 9 
	-moz-transform:scale(0.9); // Firefox 
	-webkit-transform:scale(0.9); // Safari and Chrome 
	-o-transform:scale(0.9); // Opera
	}
.creasign{
	width:100%;
    padding: 0px 0px 20px 0;
    background: #fff;
    box-shadow: 
    0px 0px 0px 5px rgba( 255,255,255,0.4 ), 
    0px 4px 20px rgba( 0,0,0,0.33 );
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table;
    position: static;
	}
.creasign figure{width:100%; margin:10px 0;padding:0}
.creasign img{width:80%; height:auto;}
.link-imagen{margin:0;padding:0;}
.link-creacion{
	padding:10px 20px;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	border-radius:8px;
	margin-bottom:20px;
	border: 1px solid #737b8d;
	background: -moz-linear-gradient(
    top,
    #0099cc 0%,
    #006699);
    background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#0099cc),
    to(#006699));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #737b8d;
    -moz-box-shadow:
    0px 5px 5px rgba(000,000,000,0.1),
    inset 0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:
    0px 5px 5px rgba(000,000,000,0.1),
    inset 0px 1px 0px rgba(255,255,255,0.5);
    box-shadow:
    0px 5px 5px rgba(000,000,000,0.1),
    inset 0px 1px 0px rgba(255,255,255,0.5);
    text-shadow:
    0px 1px 3px rgba(000,000,000,0.3),
    0px 0px 0px rgba(255,255,255,0);
	}
.link-creacion:hover{
    background: -moz-linear-gradient(
    top,
    #ffcc00 0%,
    #ff9900);
    background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffcc00),
    to(#ff9900));
	border: 1px solid #cccccc;
	color:#333333;
	}	
/***********************RESPONSIVE BOTONES**********************/
@media all and (max-width : 768px) {
.creacion{width:40%;margin:15px 29%;}
.creasign img{height:150px}	
}
@media all and (max-width : 540px) {
.creacion{width:60%;margin:15px 19%;}
.creasign img{height:130px}	
}
/***********************OTROS ESTILOS***************************/
iframe {
overflow:auto;
width:98%;
height:550px;
	}
	
#video-background {
    height: 100%;
    position: fixed;
    width: 100%;
	opacity:6.5;
	background-color:#FFF;
	float:left;
}
#video_background { 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 300px; 
	width: auto; 
	height: auto; 
	z-index: -1000; 
	overflow: hidden; 
}
#video_pattern { 
	background:#fff; 
	position: fixed; 
	opacity: 0.8; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 300px; 
	z-index: 1; 
}

#capa_total { 
	background:#fff;
	position: fixed; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 2; 
	/*background-image: url(images/fondo_.jpg);
	background-attachment:fixed;*/

}




#bloquesx{
	float:left;
	margin-left:20%;
	margin-top:170px;
	width:23%;
	height:auto;

}
#bloquesx img{
	width:94%;
	
	}


.Menulogo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#ffffff;
	text-decoration:none;
	margin:12px;
	text-shadow: 2px 1px 1px #333;
	}
.botoman{
	width:60%;
	margin-left:20%;
	
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	padding-top:6px;
	margin-bottom:10px;
	}
.botoman a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#F90;
	padding:10px 20px;
	text-align:center;
    text-decoration:none;
	border-radius:8px;

	}
#capa_slogan { 
	float:left;
	margin-top:5%;
	width: 100%; 
	height: 60px; 
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
	text-align:right;
	padding-right:40px;
}
#capa_body {
	margin:0;
	padding:0;
	/*margin-top:60px;*/
	width: 100%; 
	display:block;
}
@media all and (max-width : 540px) {
#capa_body{
    margin-top:0px;
	}
}
#capa_pie { 
	position: absolute; 
	left: 0px; 
	bottom: 0px;
	margin:0;
	padding:0; 
	width: 100%; 
	height: 3%; 
	z-index: 2; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	text-align:center;
text-shadow: 1px 1px 1px #333;



}
.Menuplk{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	text-decoration:none;
	margin-left:20px;
	text-shadow: 1px 1px 1px #333;

	}	
	
	
.Menuplk:hover{
	color:#ff8000;
	}
	
.azul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#255f9f;
	text-decoration:none;
	font-weight:bold;
	}	
.gris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	text-decoration:none;
	
	}		
.blanco{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 3px 1px #333;
	padding:8px;
	}	
	
.derechos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#255f9f;
	text-decoration:none;
	font-weight:bold;
	padding:20px;
	}	
	
.textos{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 13px;
	text-decoration:none;
	font-weight:bolder;
	padding-left:4px;
}
INPUT { 
/*font-size:17px;
height:28px;
width:310px;
font-family:Arial, Helvetica, sans-serif
color:#ffffff;
text-align:center;
background-color:#F9F9F9;
border: solid #09C 1px;
margin-top:2px;*/
 }
 
.boto{ 
font-size:17px;
height:40px;
width:300px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
background-color:#FF9900;
border-radius:5px;
border: solid #09C 1px;
 }
.ocultos{ 
font-size:11px;
height:14px;
width:14px;
font-family:Arial, Helvetica, sans-serif
color:#666666;
text-align:center;
background-color:#FFFFFF;
border:0;

 }
 
 TEXTAREA { 
/*font-size:17px;
width:416px;
font-family:Arial, Helvetica, sans-serif
color:#ffffff;
text-align:center;
background-color:#FFFFFF;
border:0;
		FILTER: alpha(opacity=80);
		moz-opacity: 0.85; 
		opacity: 0.85;
		filter:progid:DXImageTransform.Microsoft.Alpha(	opacity = 80 );
		opacity: .8;  */  

 }

/**************************ANIMACIONES**************************/
@keyframes slidein {
  from {
    margin-top: -100%;
    
  }

  to {
    margin-top: 0%;
   
  }
}
/***************************************************************/
 
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px){	
iframe {
 /*width:80% !important;*/
 height:500px;
 overflow:yes !important;
	}

#bloquesx{
	width:80% !important;
	margin-left:8%;
	float:left;
	margin-top:50px !important;
}
#bloquesx img{
	width:100%;
	
	}
	
#laforma{
			position: relative !important;
			float:left !important;
			width:90% !important;
			margin-top:10px !important;
			float:left !important;
			margin:4%!important;
			
			
		}
		
	#laforma2{
			position: relative !important;
			width:100% !important;
			float:left !important;
			margin-left:0px !important;
			
			
			
		}

		.formula{
			width:100% !important;
			
			
		}
		
		.formula2{
			width:220px !important;
			
			
		}
		
		
INPUT { 



 }	
 
 button{ 

 }
 
 TEXTAREA { 
font-size:17px;
height:90px !important;
width:280px !important;
font-family:Arial, Helvetica, sans-serif
color:#ffffff;
text-align:center;
background-color:#FFFFFF;
border:0;
		FILTER: alpha(opacity=80);
		moz-opacity: 0.85; 
		opacity: 0.85;
		filter:progid:DXImageTransform.Microsoft.Alpha(	opacity = 80 );
		opacity: .8;    


 }		

.textoz3{
			width:220px !important;
			margin-left:2px !important;
			
			
		}
		
#capa_pie { 
	position: inherit;
	text-align:center;
	float:left !important;
}
#precio1{
		width:150% !important;
		height:150% !important;
		margin-left:10% !important;
		float:left !important;
	}		
	
#precio2{
		width:150% !important;
		height:150% !important;
		margin-left:10% !important;
		float:left !important;
  
	}		

#precio3{
		width:150% !important;
		height:150% !important;
		margin-left:10% !important;
		float:left !important;
	}		

.lafot{
	
		width:800px !important;
		height:900px!important;
		margin-left:10% !important;
		float:left !important;
		position:relative !important;
	
	}


			
			}
			
/* CSS Document */-->