@charset "utf-8";
@import url("../webfonts/VarelaRound_Regular/stylesheet.css");
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	}

.divgaleria{
	width: 900px;
}

.cabeceraalt{
	display:none;}

#video{
	display:none}
#videogrande{
	display:block;}	


.fotocity{
	float: left;
	text-align: center;
	width: 95%;
	margin-top: 2px;
	margin-left: 2%;
	margin-bottom: 2px;
	margin-right: 2%;
	padding-top: 2%;
	padding-bottom: 5px;
	position: relative;
	padding-right: 2%;
	padding-left: 2%;
	overflow: hidden;
	z-index: 2;
		
}

.texadi{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;}


.blanco{
	font-size:1px;}

#preloader {
	z-index: 10000;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
	position: fixed;
	background-color: #000;
	opacity: 0.9;
	height: 100%;
	width: 100%;
}

#busquedabuscador{background-color:#f1c40f;	
padding-bottom: 1em;}

.lineablancaresultados3{
	font-size:1em;}
.otrasredes{
	text-align: center;
	
}

.search {
	width: 82%;
	max-width: 300px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
.search input {
	font-size:1em;
	width: 100%;
    padding: 5px;
    border: 1px solid #cecece;
    border-radius: 3px;
	margin-bottom: 3px;
margin-top: 5px;
}
.search i {
	position: absolute;
    cursor: pointer;
    right: 10px;
    top: 9px;
}

.superiorflexid2{
	position: fixed;
	width: auto;
	background-color: black;
	color: aliceblue;
	font-size: 0.8em;
	line-height:0.9em,
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	z-index: 5000;
	border: solid 2px #9B181B; 
	padding: 2px;
	margin-top: 100px;
	margin-left: 2px;
}

#loader {
        position:relative;
	 width: 100px;
    height: 100px;
	opacity:1;

    left:50%; top:50%;
    background: url(../imges/logoconperro200.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
	-webkit-animation: bounce 1s infinite ease-in-out;
  animation: bounce 1s infinite ease-in-out;
	
}


h1{
	color: #2c3e50;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: left;
	padding-right: 20px;
	/*	animacion titulo*/
	-webkit-animation: movertitulo 2000ms ease-out 0s 1;
	-o-animation: movertitulo 2000ms ease-out 0s 1;
	-moz-animation: movertitulo 2000ms ease-out 0s 1;
	-ms-animation: movertitulo 2000ms ease-out 0s 1;
	animation: movertitulo 2000ms ease-out 0s 1;
	text-transform: capitalize;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2C3E50;
}
h2{
	color: #5C5C5C;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding-left: 20px;
}
h3{
	padding-left: 10px;
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 22px;
	color: #FFF;
	background-color: #233241;
	height: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4E6F8F;
}

h4{
	font-size: 0.8em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #BCBFCB;
	color: #666666;
	line-height: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
}

h5{
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2778AD;
	}

p{
	padding-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: justify;
}


#fotoproducto{
	width: auto;
	height: 200px;
}

i {
	margin-right:10px;
	margin-left:20px;
	}
i:hover {
	color:#FFF;
	cursor:pointer;
	}

a:link {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #2c3e50;
	    text-shadow: 1px 1px #fff;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	text-decoration: none;
	color: #999999;
}
.sliderfalso2{display:none}
.sliderfalso {height: 60px;
}
div#listablog{
	border-radius: 3px;
	background: #FFF;
	width: 99%;
	height: auto;
	overflow: hidden;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #F3F3F3;
	}
div#listablogfoto{
	width: 20%;
	margin-left:2%;
	float: left;
	display: inline-block;
	}

div#listabloginfo{
	width: 74%;
	margin-left: 2%;
	float: left;
	background-color: #FFF;
	display: inline-block;
	}



div#slides:hover{
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;}
	
.icon-cancel2{
	font-size: 2em;
	color: #FFF;
	
}
.submenu span {
	font-size:1em;}
.titulosblancos span {
	font-size:1em;}
form span {
	font-size:1em;}

.container{
	max-width: 1350px;
	width: 90%;
	margin: auto;
	position: relative;
}

div#70sub{
	width:99%;
	background-color:#0C3;}
	
.redes{
	float: left;
	position: fixed;
	border-radius: 2px;
	left: -15px;
	top: 70px;
	z-index: 5000;
	text-align: right;
	/*ANIMACION BADERILLA*/
	-webkit-transition: left 1s;
	-moz-transition: left 1s;
	-ms-transition: left 1s;
	-o-transition: left 1s;
	transition: left 1s;
	border: 0;

	width: 48px;
	background-color: #202020;
}

.redes:hover{
	left: -5px;
	-webkit-transition: left 1s;
	-moz-transition: left 1s;
	-o-transition: left 1s;
	-ms-transition: left 1s;
	transition: left 1s;
}

.titulosblancos{
	color: #FFF;
	font-size: 1.5em;
	font-variant: small-caps;
	font-family: 'Abel', sans-serif;
	text-shadow: 1px 1px 1px #000000;
	
}


.header {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.centrarheader {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	max-width:1350px;
}


.header2{
	width: 100%;
	z-index: 5000;
	position: fixed;
	background-color: #2c3e50;
	margin-top: -10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #34495e;
	
}
.headeradm{
	width: 90%;
	max-width: 1350px;
	margin: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	height: 150px;

}

.menu #fotologo{
	width:auto;
	height:auto;}

.menu-fixed #fotologo{
	width: auto;
	height: 50px;
	margin-top:5px;
	background-color: #4B4B4B;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
.imagenderecha #plotter{width:80%;}

.logotipo{
	width:100px;
	float: left;
	text-align:left;	
	display: inline-block;
	color: #202020;
	}
.imagenderecha {
	width: 40%;
	display: inline-block;
	text-align: right;
	float: right;
}
.imagenderecha #plotter{width:50%;}

.menu_bar {
display:none;
opacity:0;
}
.menu_bar2 {
display:none;
opacity:0;
}

.menu {
	width: 77%;
	float: left;
	z-index: 10000;
	padding-top:15px;
	float: right;
}

  
.header nav {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	max-width: 1000px;
	width: 100%;
	z-index: 10000;
	text-transform: capitalize;
	background-color: #2c3e50;
	font-weight: lighter;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
}
 
.header nav ul {
	list-style: none;
		
}
 
.header nav ul li {
	display: inline-block;
	position: relative;

}
 
.header nav ul li:hover {
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	opacity: 1;
	color: #000;
	background-color: #44607B;
}
 
.header nav ul li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	z-index: 100px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
}
 
.header nav ul li a span {
	margin-right: 5px;
	
}
 
.header nav ul li:hover .children {
	display: block;
	z-index:50px;
	opacity: 1.0;

	-webkit-animation:animar ease-in .4s forwards;	
	-moz-animation:animar ease-in .4s forwards;	
	-ms-animation:animar ease-in .4s forwards;	
	-o-animation:animar ease-in .4s forwards;	
	animation:animar ease-in .4s forwards;	
}

@-webkit-keyframes animar{
	from {opacity:0;}
	to{opacity:1.0;}
}
@-o-keyframes animar{
	from {opacity:0;}
	to{opacity:1.0;}
}
@-ms-keyframes animar{
	from {opacity:0;}
	to{opacity:1.0;}
}
@-moz-keyframes animar{
	from {opacity:0;}
	to{opacity:1.0;}
}


 
.header nav ul li .children {
	display: none;
	position: absolute;
	width: 250px;
	z-index: 1000;
	background-color: #34495e;
	background-image: url(../imges/fondoazulrallado2.jpg);
	opacity: 1.0;	
}
 
.header nav ul li .children li {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
	opacity: 1.0;
	
}
 
.header nav ul li .children li a {
display: block;
	opacity: 1.0;
}
 
.header nav ul li .children li a span {
float: right;
position: relative;
top:3px;
margin-right:0;
margin-left:5px;

}
 
.header nav ul li .caret {
position: relative;
top:0px;
margin-left:20px;
margin-right:0px;
}


 
/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
	background-color: #202020;
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
	height:60px;
	box-shadow: 0px 4px 3px rgba(0,0,0,.5);	
	float: left;
	padding-left: 50%;
	margin-left: -50%;
	-webkit-animation:animar ease-in .4s forwards;	
	-moz-animation:animar ease-in .4s forwards;	
	-ms-animation:animar ease-in .4s forwards;	
	-o-animation:animar ease-in .4s forwards;	
	animation:animar ease-in .4s forwards;	
}


.fondoclientesresena{
	text-align:center;}

.fondoclientesresena{/*	animacion movel */
	-webkit-animation: mover 1000ms ease-out 0s 1;

	--o-animation: mover 1000ms ease-out 0s 1;
	-moz-animation: mover 1000ms ease-out 0s 1;
	-ms-animation: mover 1000ms ease-out 0s 1;
	animation: mover 1000ms ease-out 0s 1;}

ANIMACION MOVER 

@-webkit-keyframes mover{
	0% {-webkit-transform:scale(1.05); opacity:0}
	20%{ -webkit-transform:scale(1.05); opacity:0}
	100%{-webkit-transform:scale(1); opacity:1.0}
}
@-moz-keyframes mover{
		0% {-moz-transform:scale(1.05); opacity:0}
	20%{-moz-transform:scale(1.05); opacity:0}
	100%{-moz-transform:scale(1); opacity:1.0}
}
@-o-keyframes mover{
	0% {-o-transform:scale(1.05); opacity:0}
	20%{-o-transform:scale(1.05); opacity:0}
	100%{-o-transform:scale(1); opacity:1.0}
}

@-ms-keyframes mover{
		0% {-ms-transform:scale(1.05); opacity:0}
	20%{-ms-transform:scale(1.05); opacity:0}
	100%{-ms-transform:scale(1); opacity:1.0}
}

@keyframes mover{
		0% {transform:scale(1.05); opacity:0}
	20%{transform:scale(1.05); opacity:0}
	100%{transform:scale(1); opacity:1.0}

}





		

.fondo{
	z-index: 1;
	max-width: 1350px;
	width: 90%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;

	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	border: 1px solid #D6D6D6;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*	animacion movel */
	-webkit-animation: mover 1000ms ease-out 0s 1;
	--o-animation: mover 1000ms ease-out 0s 1;
	-moz-animation: mover 1000ms ease-out 0s 1;
	-ms-animation: mover 1000ms ease-out 0s 1;
	animation: mover 1000ms ease-out 0s 1;
	
	position: relative;
	margin-top: 50px;
	padding-bottom: 15px;
	color: #333;
	height: auto;
	margin:auto;
	margin-top:50px;
	overflow:hidden;

	
}

.fondomatrix{
	z-index: 1;
max-width: 1350px;
width: 90%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: #FFF;
-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
border: 1px solid #D6D6D6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

position: relative;
margin-top: 50px;
padding-bottom: 15px;
color: #333;
height: auto;
margin: auto;
    margin-top: auto;

z-index:300;
overflow:hidden;
}

.fondo2{
	z-index:1;
	max-width: 1350px;
	width: 90%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	border: 1px solid #D6D6D6;
	margin-right: auto;
	margin-bottom: 202px;
	margin-left: auto;
	visibility: visible;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*	animacion movel */
	-webkit-animation: mover 1000ms ease-out 0s 1;

	--o-animation: mover 1000ms ease-out 0s 1;
	-moz-animation: mover 1000ms ease-out 0s 1;
	-ms-animation: mover 1000ms ease-out 0s 1;
	animation: mover 1000ms ease-out 0s 1;
	position: relative;
	margin-top: -10px;
	padding-top:-10;
	padding-bottom: 15px;
	margin-bottom:-20px;
	color: #333;
	overflow:hidden;
}

.fondoslider{
	width: 100%;
	max-width: 1350px;
	/*	animacion movel */
	-webkit-animation: mover 1200ms ease-out 0s 1;
	-o-animation: mover 1200ms ease-out 0s 1;
	-moz-animation: mover 1200ms ease-out 0s 1;
	-ms-animation: mover 1200ms ease-out 0s 1;
	animation: mover 1200ms ease-out 0s 1;
	top: 0px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	position: relative;
	z-index: 0;
}
.fondoslider2{
	width: 100%;
	max-width: 1350px;
	/*	animacion movel */
	-webkit-animation: mover 1200ms ease-out 0s 1;
	-o-animation: mover 1200ms ease-out 0s 1;
	-moz-animation: mover 1200ms ease-out 0s 1;
	-ms-animation: mover 1200ms ease-out 0s 1;
	animation: mover 1200ms ease-out 0s 1;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	height:auto;
	position: relative;
	
}



.tituloslider2 {
	background-color: #000;
	color: #FFF;
	opacity: 0.8;
	height: 100px;
	width: 100%;
	position: absolute;
	
	padding-left: 30px;
	display: table;
	overflow: hidden;
}



article #foto{
	width:100%;
	height:auto;}
.fondo #foto{
	width:100%;
	height:auto;}

.main .articles article{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #2E61AB;
}	

.main{
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}





	
.aside{
	width: 35%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	margin-left: 2%;
	background-color: #CCC;
	-webkit-animation: mover 1000ms ease-out 0s 1;
	-o-animation: mover 1000ms ease-out 0s 1;
	-moz-animation: mover 1000ms ease-out 0s 1;
	-ms-animation: mover 1000ms ease-out 0s 1;
	animation: mover 1000ms ease-out 0s 1;
	border: 10px solid #FFF;
	padding: 10px;
}

#fotopromo{
	height: 100%;
	width: 48%;
	border: 2px solid #DDDDDD;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	display: inline-block;
	margin-left: 1%;
	background-color: #FFF;
	-webkit-animation: mover 1200ms ease-out 0s 1;
	-o-animation: mover 1200ms ease-out 0s 1;
	-moz-animation: mover 1200ms ease-out 0s 1;
	-ms-animation: mover 1200ms ease-out 0s 1;
	animation: mover 1200ms ease-out 0s 1;
	text-align: center;
}
#fotopromo:hover div#info2{
	opacity:1;
	}
#fotopromo:hover div#zoom{
	text-align:center;
	margin-left:0px;
	}






	
	
	

#fotointerior{
	width:50%;}

#fotootras{
	width:100%;
	}
.grandeblanco{
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: capitalize;
	}	
footer{
	color: #8D8D8D;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 100px;
	background-color: #2c3e50;
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.pie {
	width: 100%;
	max-width: 1350px;
	margin: auto;
	text-align: center;
	padding-top: 2px;
	height: 120px;
	display: inline-block;
	z-index: 100;
	position: relative;
}


.logo2{
	float: left;
	margin-top: 10px;
	font-size:0.8em;
	color: #FFF;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}

.datosdeusuario {
	text-align: left;
	padding: 10px;
	width: 100%;
	display: inline-block;
}
	
.piedireccion {
	width: 50%;
	text-decoration: none;
	font-size: 1em;
	color: #FFF;
	float: left;
	box-sizing: border-box;
	line-height: 20px;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 100px;
}
.pieconvisual {
	width: 50%;
	text-decoration: none;
	font-size: 1em;
	float: left;


font
	box-sizing: border-box;
	line-height: 20px;
	display: inline-block;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100px;
}

.buscador a{
	color:#FFF;
	}
.buscador a:hover{
	color: #FFF;
	padding-right: 10px;
		background-color: #4E6F8F;
	}
.buscador {
	border-radius: 3px;
	text-shadow: 1px 1px #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 65%;
	position: absolute;
	float: left;
	margin-right: 16%;
	margin-left: 16%;
	margin-top: 100px;
	z-index: 290;
	font-size: 1em;
	color: #FF0;
	text-align: center;
	background: #2c3e50;
	opacity:0.9;
	
}



.buscadorgrande {
	border-radius: 3px;
	text-shadow: 1px 1px #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 65%;
	position: absolute;
	float: left;
	margin-right: 16%;
	margin-left: 16%;
	margin-top: 100px;
	z-index: 290;
	font-size: 2em;
	color: #FF0;
	text-align: center;
	background: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.49) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.49)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.49) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.49) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.49) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.49) 100%);


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}


.buscadorgris {
	height: 70px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
	
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	
}

#comvisual{
	color: #FFF;
}

.copirai {
	text-align: center;
	width: 100%;
	float: left;
	background-color: #FFF212;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2C3E50;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 30px;
}

.botontrasnparente{
	border-radius: 0px;
	cursor: pointer;
	border: 0px none #FFF;
	font-size: 1em;
	float: left;
	background-position: 18px 0px;
	text-align: justify;
	margin-bottom: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-left: 10px;
	margin-top: 2px;
	margin-left: 2px;
	background-color: #FFF;
}
.botontrasnparente2{
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
	height: 330px;
	border-radius: 0px;
	cursor: pointer;
	border: 0px none #FFF;
	font-size: 1px;
	float: left;
	text-align: center;
	margin-bottom: 1px;
	position: absolute;
	width: 100%;
	z-index: 3000;
	background-color: #00C;
}
.botontrasnparente2:hover{
	opacity: 0.2;
	filter: alpha(opacity=0.2); /* For IE8 and earlier */
	background-color: #FFF;
	text-align: center;
	width: 100%;
	height: 330px;
}

.botontrasnparente3{
	opacity: 0;
	filter: alpha(opacity=1); /* For IE8 and earlier */
	height: 498px;
	border-radius: 0px;
	cursor: pointer;
	border: 0px none #FFF;
	font-size: 1px;
	float: left;
	text-align: center;
	margin-bottom: 1px;
	position: absolute;
	width: 100%;
	z-index: 200;
	left: 2px;
	top: 0px;
}


.botton{
	color: #EFEFEF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #3C3C3C;
	display: inline-block;
	position: relative;
	text-decoration: none;
	margin-top: 10px;
	display: block;
	list-style: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.8s ease-in 0s;
	-moz-transition: all 0.8s ease-in 0s;
	-o-transition: all 0.8s ease-in 0s;
	-ms-transition: all 0.8s ease-in 0s;
	transition: all 0.8s ease-in 0s;
	font-size: 1em;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	padding-left: 12px;
	border: 2px solid #CCC;
	margin-bottom: 10px;
	}
.botton:hover{
	color: #FFF;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	background-color: #2E61AB;
	background-image: url(../imges/fondoazulrallado.jpg);
}

.botton span {
margin-right:10px;
}

.buttonnegros {color: #2c3e50;

	background-color: #F0F0F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Para Safari y Chrome */
	-moz-border-radius: 5px; /* Para Firefox */
	-khtml-border-radius: 5px; /* Navegadores de Linux */
	border-radius: 5px; /* CSS3 */
	behavior: url(../stilos/border-radius.htc);
	text-decoration: none;
	vertical-align: middle;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 8px;
	background-position: top;
	text-align: center;
	margin-left: auto;
	font-size: 1em;
	border: 2px solid #CCC;
	margin-right: auto;
	margin-top: 8px;
	display:inline-block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
 .buttonnegros:hover {
	cursor: pointer;
	color: #FFF;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	background-color: #34495e;
	
   }
 .buttonnegros:active {
	border-top-color: #F8C269;
	text-align: center;
	text-decoration: none;
	color: #FC0;
	background-color: #34495e;
	background-repeat: repeat-x;
	border-right-color: #F8C269;
	border-bottom-color: #F8BA52;
	border-left-color: #F8C269;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.buttonnegros span{
	font-size:1em;
	margin-top:10px;
	color:#FFF;}


.buttonazules {
	color: #EFEFEF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #3498db;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Para Safari y Chrome */
	-moz-border-radius: 5px; /* Para Firefox */
	-khtml-border-radius: 5px; /* Navegadores de Linux */
	border-radius: 5px; /* CSS3 */
	behavior: url(../stilos/border-radius.htc);
	text-decoration: none;
	vertical-align: middle;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 5px;
	background-position: top;
	text-align: center;
	margin-left: 2px;
	font-size: 1em;
	border: 2px solid #CCC;
	display:inline-block;
	}
 .buttonazules:hover {
	cursor: pointer;
	color: #FFF;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	background-color: #2384C5;	
   }
 .buttonazules:active {
	border-top-color: #F8C269;
	text-align: center;
	text-decoration: none;
	color: #5BF;
	background-color: #3498db;
	background-repeat: repeat-x;
	border-right-color: #F8C269;
	border-bottom-color: #F8BA52;
	border-left-color: #F8C269;	
}



.buttonrojo {
	color: #EFEFEF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #e74c3c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Para Safari y Chrome */
	-moz-border-radius: 5px; /* Para Firefox */
	-khtml-border-radius: 5px; /* Navegadores de Linux */
	border-radius: 5px; /* CSS3 */
	behavior: url(../stilos/border-radius.htc);
	text-decoration: none;
	vertical-align: middle;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 5px;
	background-position: top;
	text-align: center;
	margin-left: 2px;
	font-size: 1em;
	border: 2px solid #CCC;
	display:inline-block;
	}
 .buttonrojo:hover {
	cursor: pointer;
	color: #FFF;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	background-color: #E33724;
   }
 .buttonrojo:active {
	border-top-color: #F8C269;
	text-align: center;

	text-decoration: none;
	color: #FC0;
	background-color: #e74c3c;
	background-repeat: repeat-x;
	border-right-color: #F8C269;
	border-bottom-color: #F8BA52;
	border-left-color: #F8C269;
}



#imagen{
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: ease;
	-ms-transition-property: -ms-transform;
	-ms-transition-duration: .5s;
	-ms-transition-timing-function: ease;
	-o-transition-property: -o-transform;
	-o-transition-duration: .5s;
	-o-transition-timing-function: ease;
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease;
}
#imagen:hover{
	z-index:100;
	cursor:pointer;
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	
	
}

#imagen2{
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:.3s;
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform;
	-moz-transition-duration:.3s;
	-moz-transition-timing-function:ease;
	-ms-transition-property:-ms-transform;
	-ms-transition-duration:.3s;
	-ms-transition-timing-function:ease;
	-o-transition-property:-o-transform;
	-o-transition-duration:.3s;
	-o-transition-timing-function:ease;
	transition-property:transform;
	transition-duration:.3s;
	transition-timing-function:ease;
}
#imagen2:hover{
	z-index:100;
	cursor:pointer;
	-webkit-transform:scale(1.01,1.01);
	-moz-transform:scale(1.01,1.01);
	-ms-transform:scale(1.01,1.01);
	-o-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);
	
	
}





.productos_marco {
	height: 100%;
	width: 30%;
	border: 2px solid #DDDDDD;
	padding-bottom: 2%;
	padding-left: 1%;
	margin-top: 15px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	display: inline-block;
	margin-left: 1%;
	background-color: #FFF;
	-webkit-animation: mover 1200ms ease-out 0s 1;
	-o-animation: mover 1200ms ease-out 0s 1;
	-moz-animation: mover 1200ms ease-out 0s 1;
	-ms-animation: mover 1200ms ease-out 0s 1;
	animation: mover 1200ms ease-out 0s 1;
	}
	.productos_marco:hover {
	background-color:#F5F5F5;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
		
	}

.tituloscategorias {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 80px;
	padding-left: 2px;
	font-variant: small-caps;
	display: table;
	overflow: hidden;
	width: 30%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #202020;
}


#ver{
	color: #202020;
	height: 60px;
	line-height: 26px;
	display: table-cell;
	vertical-align: middle;
	font-size:1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #202020;
}

#versede{
	color: #202020;
	line-height: 26px;
	display: table-cell;
	vertical-align: middle;
	font-size: 1em;
	width: 100%;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #202020;
	height: 60px;
}

.categoria_foto {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
}




div#productos_marco2 {
	height: 100%;
	width: 42%;
	border: 2px solid #DDDDDD;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	display: inline-block;
	margin-left: 1%;
	z-index: 100;
	background-color: #FFF;
	-webkit-animation: mover 1200ms ease-out 0s 1;
	-o-animation: mover 1200ms ease-out 0s 1;
	-moz-animation: mover 1200ms ease-out 0s 1;
	-ms-animation: mover 1200ms ease-out 0s 1;
	animation: mover 1200ms ease-out 0s 1;
	text-align: center;
}
div#productos_marco2:hover {
	background-color:#F5F5F5;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);

		
	}
div#productos_marco3 {
	height: 100%;
	width: 100%;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	background-color: #FFF;
	-webkit-animation: mover 1200ms ease-out 0s 1;
	-o-animation: mover 1200ms ease-out 0s 1;
	-moz-animation: mover 1200ms ease-out 0s 1;
	-ms-animation: mover 1200ms ease-out 0s 1;
	animation: mover 1200ms ease-out 0s 1;
	text-align: center;
}
div#productos_marco3:hover {
	background-color:#F5F5F5;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);
box-shadow: 0px 0px 5px 4px rgba(153,153,153,1);

		
	}

div#categoria_foto2{
	width: 100%;
	height:auto;
	text-align: center;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;}

div#info2{
	height: 500px;
	width: 100%;
	background-color: rgba(31, 31, 31, 0.5);
	-webkit-transition:opacity 0.3s ease-in;
	-moz-transition:opacity 0.3s ease-in;
	opacity:0;
	position:absolute;
	margin-top:-240px;
	overflow:hidden;	
	}

div#info3{
	height: 500px;
	width: 100%;
	background-color: rgba(31, 31, 31, 0.5);
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	opacity: 0;
	position: absolute;
	margin-top: -270px;
	overflow: hidden;
	
	}

div#info4{
	height: 800px;
	width: 100%;
	background-color: rgba(31, 31, 31, 0.5);
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	opacity: 0;
	position: absolute;
	margin-top: -465px;
	overflow: hidden;
	
	}
	
div#zoom{
	position:absolute;
	margin-left:-200px;
	padding-top:30px;
	font-size:1em;
	-webkit-transition:margin 0.3s ease-in;
	-moz-transition:margin 0.3s ease-in;
	}

div#productos_marco2:hover div#info2{
	opacity:1;
	}
div#productos_marco2:hover div#zoom{
	text-align:center;
	margin-left:0px;
	}
div#productos_marco3:hover div#info3{
	opacity:1;
	}
div#productos_marco3:hover div#info4{
	opacity:1;
	}
div#productos_marco3:hover div#zoom{
	text-align:center;
	margin-left:0px;
	}

div#slides:hover div#info4{
	opacity:1}

div#slides:hover div#zoom{
	text-align:center;
	margin-left:0px;
	}


.ptroductoreferencia {
	width: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	color: #333;
	text-decoration: none;
}
.ptroductosedes {
	width: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	color: #333;
	text-decoration: none;
	text-align: left;
}
#ref {
	font-size: 1em;
	color: #999;
}
#ref2 {
	font-size: 1em;
	color: #999;
	text-align: left;
}
	
#acciones{
	font-size: 1em;
	color: #03F;
	height: 40px;
	overflow: hidden;
}

.div800 {
	width: 90%;
	border: 20px solid #8A8A8A;
	text-align: center;
	clear: left;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.TITULO-BLOGS {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	text-align:left;
	padding-left:150px;
}
.estilo12 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-left: 2px;
	color: #233241;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 0.8em;
	line-height: 1em;

	
}

.letraazul{
	font-size: 1em;
	color: #666666;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 3px;
	margin-left: 5px;
	-webkit-border-radius: 5px; /* Para Safari y Chrome */
	-moz-border-radius: 5px; /* Para Firefox */
	-khtml-border-radius: 5px; /* Navegadores de Linux */
	border-radius: 5px; /* CSS3 */
	behavior: url(../stilos/border-radius.htc);
	border: 2px solid #4B93CD;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 5px;
	font-variant: small-caps;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.letraazul:hover{
	
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
}


.ptroductoreferencia {
	width: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	color: #333;
	text-decoration: none;
}
#ref {
	font-size:1em;
	color:#999;}
	
#acciones{
	font-size: 1em;
	color: #03F;
	height: 40px;
	overflow: hidden;
}

.div800 {
	width: 90%;
	border: 20px solid #8A8A8A;
	text-align: center;
	clear: left;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.div70 {
	width: 63%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.75);
	background-color: #FFFFFF;
	border: 20px solid #E9E9E9;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	/*	animacion movel */
	-webkit-animation: mover 2500ms ease-out 0s 1;
	-o-animation: mover 2500ms ease-out 0s 1;
	-moz-animation: mover 2500ms ease-out 0s 1;
	-ms-animation: mover 2500ms ease-out 0s 1;
	animation: mover 2500ms ease-out 0s 1;
	color: #333;
	
}
.div70sub {
	width: 80%;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	font-size: 1em;
	/*	animacion movel */
	-webkit-animation: mover 2500ms ease-out 0s 1;
	-o-animation: mover 2500ms ease-out 0s 1;
	-moz-animation: mover 2500ms ease-out 0s 1;
	-ms-animation: mover 2500ms ease-out 0s 1;
	animation: mover 2500ms ease-out 0s 1;
	display: inline-block;
}
.div70foto {
	display: inline-block;
	width: 18%;
	margin-left: 1%;
	z-index: 100;
	background-color: #FFF;
	float: left;
	height:200px;
	overflow:hidden;
}




.datosgrandes {
	font-size: 1em;
	color: #333;
	height: auto;
	width: auto;
}

table#tabla tr:hover {
	background-color:#F3F3F3;
	}.region4 {
	height: 120px;
	width: 250px;
	float: left;
	text-align: right;
}

form {width:100%;}
	
input {}

select{

}

textarea{
	width:80%;}



@-webkit-keyframes movertitulo {
    0% { -webkit-transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0px); }
} 
@-moz-keyframes movertitulo {
    0% { -moz-transform: translateY(-10px); }
    100% { -moz-transform: translateY(0px); }
} 
@-o-keyframes movertitulo {
    0% { -o-transform: translateY(-10px); }
    100% { -o-transform: translateY(0px); }
} 
@keyframes movertitulo {
    0% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}





ANIMACION MOVER 

@-webkit-keyframes mover{
	0% {-webkit-transform:scale(1.05); opacity:0}
	20%{ -webkit-transform:scale(1.05); opacity:0}
	100%{-webkit-transform:scale(1); opacity:1.0}
}
@-moz-keyframes mover{
		0% {-moz-transform:scale(1.05); opacity:0}
	20%{-moz-transform:scale(1.05); opacity:0}
	100%{-moz-transform:scale(1); opacity:1.0}
}
@-o-keyframes mover{
	0% {-o-transform:scale(1.05); opacity:0}
	20%{-o-transform:scale(1.05); opacity:0}
	100%{-o-transform:scale(1); opacity:1.0}
}

@-ms-keyframes mover{
		0% {-ms-transform:scale(1.05); opacity:0}
	20%{-ms-transform:scale(1.05); opacity:0}
	100%{-ms-transform:scale(1); opacity:1.0}
}

@keyframes mover{
		0% {transform:scale(1.05); opacity:0}
	20%{transform:scale(1.05); opacity:0}
	100%{transform:scale(1); opacity:1.0}

}
.logocentrado {
	height: auto;
	width: 500px;
	margin-top: 15%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
.lateralderecho {
	width: 20%;
	color: #FFF;
	height: auto;
	overflow: visible;
	position: relative;
	margin-left: 1%;
	background-color: #2C3E50;
	text-align: center;
	font-size: 1.5em;
	padding-top: 60px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	line-height: 38px;
	display: inline-block;
	float: left;
}
.divresultadoscentral {
	width: 77%;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative;
	margin-left: 1%;
	height: auto;
	display: inline-block;

}

.divresultados2{
	width: 48%;
	overflow: hidden;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #D6D6D6;
	padding-top: 5px;
	margin-top: 5px;
	position: relative;
	background-color: #FFF;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 1%;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.resultados2{
	display: inline-block;
	width: 32%;
	float: left;
	background-repeat: repeat-x;
	overflow: hidden;
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 20px;
	height: auto;
	border: 1px solid #CCC;
	-webkit-transition: all 500ms;
	background-color: #FBFCFD;
	position: relative;
	margin-left: 1%;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.resultados2:hover, .resultados2:focus {
	background-color: #F0F0F0;
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	}
/*ANIMACION DIV RESULTADOS*/
.resultados2{
	-webkit-animation:mover 1000ms ease-out 0s 1;
	-o-animation:mover 1000ms ease-out 0s 1;
	-moz-animation:mover 1000ms ease-out 0s 1;
	-ms-animation:mover 1000ms ease-out 0s 1;
	animation:mover 1000ms ease-out 0s 1;	
}


.resultados3{
	display: inline-block;
	width: 98%;
	float: left;
	background-repeat: repeat-x;
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	-webkit-transition: all 500ms;
	background-color: #EBEBEB;
	position: relative;
	margin-left: 1%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 1px;
	font-size: 1em;
}
h7 {display:none;}
ul li {list-style-type: none;}



@-webkit-keyframes mover{
	from {-webkit-transform:translateY(-20px); -webkit-opacity:0.90;}
	to{-webkit-transform:translateY(0px); -webkit-opacity:1.0;}
}
@-moz-keyframes mover{
	from {-moz-transform:translateY(-20px); -moz-opacity:0.90;}
	to{-moz-transform:translateY(0px); -moz-opacity:1.0;}
}
@-o-keyframes mover{
	from {-o-transform:translateY(-20px); -o-opacity:0.90;}
	to{-o-transform:translateY(0px); -o-opacity:1.0;}
}
@-ms-keyframes mover{
	from {-ms-transform:translateY(-20px); -ms-opacity:0.90;}
	to{-ms-transform:translateY(0px); -ms-opacity:1.0;}
}
keyframes mover{
	from {transform:translateY(-20px); opacity:0.90;}
	to{transform:translateY(0px); opacity:1.0;}
}
.foto{
	float: left;
	text-align: center;
	width: 92%;
	margin-top: 2px;
	margin-left: 2%;
	margin-bottom: 2px;
	margin-right: 2%;
	padding-top: 2%;
	padding-bottom: 5px;
	position: relative;
	padding-right: 2%;
	padding-left: 2%;
	overflow: hidden;
	height: 170px;
}


.lineablancaresultados2{
	color: #333;
	text-align: left;
	font-weight: normal;
	width: 96%;
	text-decoration: none;
	float: left;
	line-height: 1em;
	vertical-align: 5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top:2px;
	margin-bottom:2px;
	position: relative;
	 float: right;
	padding-left: 2%;
	
	
}
.lineablancaresultados3{
	color: #333;
	text-align: left;
	font-weight: normal;
	width: 96%;
	text-decoration: none;
	float: left;
	line-height: 16px;
	vertical-align: 5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	padding-left: 2%;
	
}


.lineablancaservicios{
	color: #333;
	text-align: left;
	font-weight: normal;
	width: 420px;
	text-decoration: none;
	margin-left: 42px;
	float: right;
	line-height: normal;
	vertical-align: 5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tituloresultados2{
	width: 98%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #233241;
	float: left;
	background-repeat: repeat-x;
	overflow: hidden;
	background-repeat: repeat-x;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-transform: capitalize;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
	vertical-align: middle;
	line-height: 1em;
	padding-left: 2%;
	min-height:35px;
}











/*___________________________________________________*/







@media only screen and (max-width : 1200px) {

#bajarunpoco{
	margin-bottom: 200px;
	}
#logo{
	width:300px;
	height:50px;
	line-height:20px;
	margin-left:20px;
	}


.sliderfalso {
	height: 2px;
}
.sliderfalso2{
	height:30px;}
.letraazul{
	font-size: 1em;
	color: #1E496C;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 5px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

h1 {
	font-size: 1.2em;
	text-align: center;
	line-height: 45px;
}
h3{
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom:; 	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h4{font-size:0.8em;
margin-top:10px;}
p{
	padding-left: 2px;
	font-size:1em;
}

i {
	margin-right:10px;
	margin-left:10px;
	}

.header2{
	height:1px;
}

.datosdeusuario {
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size: 15px;

}
.redes{
	left: -10px;
	float: right;
	position:absolute;
	width:38px;}
	
	.pie, .main .articles {width:100%;
		}
		
	.piedireccion{
		display:none;}
	.pieconvisual{
		width:100%;}
	
	nav{width:100%;}
	.fondo{
	width: 98%;

	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	border: 0px solid #D6D6D6;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-right: 1ex;
	margin-left: 1%;
	text-align: center;
	overflow:hidden;
	}
.fondo2{
	z-index:1;
	width: 98%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 03px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	border: 0px ;
	margin-right: auto;
	margin-bottom:-20px;
	margin-left: auto;
	visibility: visible;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*	animacion movel */
	-webkit-animation: mover 1000ms ease-out 0s 1;

	--o-animation: mover 1000ms ease-out 0s 1;
	-moz-animation: mover 1000ms ease-out 0s 1;
	-ms-animation: mover 1000ms ease-out 0s 1;
	animation: mover 1000ms ease-out 0s 1;
	position: relative;
	margin-top: -100px;
	padding-top:-100;
	padding-bottom: 15px;
	color: #333;
}	
	.fondoclientesresena {
	z-index: 500;
	position: relative;
	width: 100%;
	/*	animacion movel */
	-webkit-animation: mover 1000ms ease-out 0s 1;
	--o-animation: mover 1000ms ease-out 0s 1;
	-moz-animation: mover 1000ms ease-out 0s 1;
	-ms-animation: mover 1000ms ease-out 0s 1;
	animation: mover 1000ms ease-out 0s 1;
	height: auto;
	
}
	
.container{width:100%}

.div70slider {width: 100%;}
.div70sub {	width: 100%;}

.aside{width: 100%;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	margin: auto;
	border: 10px solid #FFF;
	padding: 10px;}
.tituloslider2 {display:none;}
 
.menu_bar {
	
	opacity: 1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1500;
	background-color: #2c3e50;
	left: 0px;
	clip: rect(auto,auto,auto,0px);
	font-size: 1.5em;
	padding: 0px;
	margin-bottom:2px;

}
 
.menu_bar .bt-menu {
display: block;
padding:20px 10px;
color: #fff;
font-size: 1.8em;
text-decoration: none;
-webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
}
 
.menu_bar span {
float: right;
font-size:1em;
}
 
 .fondoslider{width:100%; margin-top:30px; margin-bottom:2px;}
 .fondoslider2{width:100%; margin-top:20px;}
 
.header nav {
	width: 80%;
	height: calc(100% - 70px);
	position: fixed;
	right: 100%;
	overflow: scroll;
	font-size: 1em;
	margin-top: 30px;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
}
 
.header nav ul li {
	font-size: 1em;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.5);
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	padding-top: 2px;
	padding-bottom: 2px;
}

.header nav span {
	font-size:1em;
	margin-left:5px;}

.header nav ul li span {
	font-size:1.5em;
	margin-left:20px;}
	
.header nav ul li a {
display: block;
}
 
.header nav ul li:hover .children {
display: none;
-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
}
 
.header nav ul li .children {
width: 100%;
position: relative;
}
 
.header nav ul li .children li a {
margin-left:20px;
}
 
.header nav ul li .caret {
float: right;
}



div#info2{display:none;}
div#info3{display:none;}
div#info4{display:none;}
div#productos_marco2 {
	width:42%;}
	
#fotoproducto{width: auto;
	height: 150px;
}
.categoria_foto {height: 150px;
}


form {width:99%;}

select{
	width:60%;
	background-color:#FFF;}

textarea{width:90%}

.datosgrandes {font-size: 1.5em;
}
#preloader {display:none;}
#loader {display:none;}

.buttonnegros {
font-size:1em;
width:60%;}
.buttonazules {
font-size:1em;}
.buttonrojo {
font-size:1em;}

.resultados2{
	display: inline-block;
	width: 95%;
	height: auto;
	margin-top: 2px;
	padding-top: 8px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	max-width:450px;
}
.resultados3{
	width: 96%;
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
}
.divresultadoscentral {
		width:99%;}
.divresultados2{
	width: 99%;
	overflow: hidden;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #D6D6D6;
	padding-top: 5px;
	margin-top: 5px;
	position: relative;
	float: left;
	background-color: #FFF;
	margin-bottom: 5px;
	padding-bottom: 5px;
	adding-left: 1%;
}
		
.lateralderecho {
	display:none;
}
.tituloresultados2{
	font-size: 0.9em;
	line-height: 1em;
	width:60%;
	min-height:30px;

}
.lineablancaresultados2{
	font-size: 1em;
	line-height: 1em;
	width:60%;
	float: right;

}
.buttonnegros span{
	font-size:0.8em;
	margin-top:10px;
	color:#FFF;}
input {
}


.TITULO-BLOGS {
	font-size:1.2em;
	text-align:left;
	padding-left:2px;}
#tipodeinteres{
	width:50%;}
#clientedeinteres
{width:60%;}

.foto{
	float: left;
	width: 35%;
	overflow: visible;
	position: relative;
	height: auto;
	margin: 0px;
	padding:0px;
}

.fondomatrix{
	margin-top: 5px;
	position: relative;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
}


.buscador {
	text-shadow: none;
	background: rgba(255,183,0,1);
	background: -moz-linear-gradient(left, rgba(255,183,0,1) 0%, rgba(248,181,0,1) 51%, rgba(240,184,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,183,0,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(240,184,0,1)));
	background: -webkit-linear-gradient(left, rgba(255,183,0,1) 0%, rgba(248,181,0,1) 51%, rgba(240,184,0,1) 100%);
	background: -o-linear-gradient(left, rgba(255,183,0,1) 0%, rgba(248,181,0,1) 51%, rgba(240,184,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,183,0,1) 0%, rgba(248,181,0,1) 51%, rgba(240,184,0,1) 100%);
	background: linear-gradient(to right, rgba(255,183,0,1) 0%, rgba(248,181,0,1) 51%, rgba(240,184,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#f0b800', GradientType=1 );
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 99%;
	position: absolute;
	float: left;
	z-index: 5000;
	font-size: 1em;
	color: #000;
	text-align: center;
	padding:0px;
	margin:0px;
	margin-top:50px;

}
.buscadorgris {
	height: auto;
	position: absolute;
	float: left;
	width: 90%;
	text-align: center;
	margin-right: 5%;
	margin-left: 5%;
}
div.ventana
{
	/* Para que el DIV aparezca oculto inicialmente */
	visibility: hidden;
	/* Para que la ventana aparezca centrada en la página web, con un tamaño de 300x160 píxeles */
	position: fixed;
	left: 1%;
	margin-left: 2%;
	top: 30%;
	width: 90%;
	height: auto;
	/* Borde gris de la ventana */
	border-width: 5px;
	border-color: #999999;
	border-style: solid;
	/* Color de la ventana */
	background-color: #FFFFFF;
	/* Espacio de 10 píxeles desde el borde de la ventana hasta el texto interno */
	padding: 10px;
	/* Este índice debe ser mayor que el del fondo, para que la ventana esté sobre él */
	z-index: 1560;
	text-align: center;
	border-radius: 15px;
	-webkit-transition: .8s all ease;
	-moz-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
	transition: .8s all ease;
	margin-right: 5%;
}
.botontrasnparente{
	font-size:1em;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.icon-cancel2{
	font-size:1.5em;
	text-align:right;
	margin-top:-60px;
	padding-left:65%}
	
#otros{}
	
.botontrasnparente3{
	height: 700px;
	width: 100%;
	z-index: 200;
	left: 0px;
	top: 0px;
}

.buscadorgrande {
	border-radius: 3px;
	text-shadow: 1px 1px #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 65%;
	position: absolute;
	float: left;
	margin-right: 16%;
	margin-left: 16%;

	z-index: 290;
	font-size: 1em;
	margin-top:150px;

}

.texadi{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;}
	

.titulosblancos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;}

#video{
	display: block;}

#videogrande{
	display:none;}	

.divgaleria{
	width: 90%;
}


.logo2{
	margin-top: 1px;
}	

#borrar{
	display:none;}
	
.cabeceraalt{
	display:block;
	width:100%;
	background-color:#2C3E50;
	margin:2px;
	text-align:center;}

.fotocity{
	width: 30%;		
}

}