/*
Theme Name: Acuarius
Theme URI: http://www.acuariuslogistic.com
Description: tema
Version: 1.0
Author: BuhoStudio
Author URI: http://www.buhostudio.com
*/

/* CSS Document */

@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Marcellus);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=Lobster');

.ct { max-width:1000px; margin:0 auto; height:auto; box-sizing:border-box; }







#top { height:auto !important; background-image: url("images/stripe.png"); width:100%; overflow:hidden; padding-bottom: 10px;}
#barra { background:#2D65C3; width:100%; border-top:3px double #B11A45;}






#container { width:100%;  margin:0 auto; }



#container header {padding:0 5px; box-sizing: content-box; }



#logo{ float:none; width:240px; height:auto; margin:0 auto 12px; padding:10px 0 0 0; text-align: center;}

#slogan{ color:#fff; font-family: 'Lobster', cursive; font-size: 1.25em; text-align: center; width: 185px; margin: 0 auto 8px;}



#container header nav { overflow:hidden; float:left; margin-top:46px;}



#fono{ float:right; font-size:1em; line-height:1.6em; text-align:right; width:290px; height:auto; vertical-align:middle; margin:38px 0 34px; font-family:Arial, Helvetica, sans-serif; color:#626465;}



#container header #fono strong{ color:#ff9200; font-weight:bold;}



#container header #fono img{vertical-align: middle; margin-right:3px;}







#container header nav { overflow:hidden; }



#container header #images { margin:0 auto;}



#container header #images img{ width: 20%; margin: 2%; box-sizing: border-box; border-radius: 10% 0%; box-shadow: black 0px 0px 5px;  -webkit-transition: all 1s ease; -moz-transition: all 1s ease;     -o-transition: all 1s ease;}



#container header #images img:hover{  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);     -ms-transform: scale(1.2); transform: scale(1.2)}



#banner {max-height:420px; height:auto; margin:0; width:100%; box-sizing:border-box; overflow:hidden; max-width:1500px; /*border-top:solid 6px #ccc; border-bottom:solid 6px #ccc*/}







#content { margin:5px auto; line-height:1.4em; font-size:0.85em; text-align:justify; color:#808080; padding:5px 15px; box-sizing:border-box}



#content h2, #content h3, #content h4{ margin:0.4em 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}



#content h2{ font-size:2.2em; color:#2D65C3 !important; font-family: 'Merriweather', serif !important; font-weight:normal !important;}
#content h2 a{color:#7fbf00 !important; -webkit-transition: all 0.3s;}
#content h2 a:hover{border-bottom:1px dashed #7fbf00; -webkit-transition: all 0.3s;}


#content h3{ font-size:1.2em; color:#666 !important; font-family: 'Merriweather', serif !important; margin-bottom:8px;}



#content h4{ font-size:1em; color:#426fad;}



#content p{ margin-bottom:1.5em; line-height:1.9em;}

#content hr {border: 0; border-top: 1px solid #999; border-bottom: 1px solid #062274; height:0;}





#content #form { width:264px; float:right; background:#dfdbdb; padding:20px 10px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#626465;} 



#content #texto {width:696px;  float:left; /* padding:10px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; */} 



/*#content #texto */.read{ background:#B11A45; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-table; padding:2px 5px;}



/*#content #texto*/ .read:hover{ background:#2D65C3;}







#content img { max-width:100%; height:auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}



#content strong, #content b { font-weight:bold !important; color:#B11A45;}

/*#content ul, */#content ol  { margin:15px 0;}

/*#content ul li{ list-style-type:circle !important; margin-left:35px !important; color:#666; line-height:1.8em;} */




#content ul
{ list-style-type: square; list-style-image: url('images/list.png'); margin:10px 0 10px 30px;
}
#content ul li{ margin:8px 0; line-height:1.8em;}
#content ul li a{ color:#5e666f;}
#content ul li a:hover{ text-decoration:underline;}

#content ol li{ list-style-type:decimal !important; margin-left:35px !important; color:#666; line-height:1.8em;} 

.strong{ color:#a1bc2f !important; font-weight:bold;}

.superindice 

{vertical-align:super} 



#content .blue{ background:#1c8db5; height:105px; padding:35px 8px 0 74px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; margin:10px auto;}



#content .blue strong{ color:#fff !important;}



#b1 { background-image: url('images/b1.png') !important; background-repeat:no-repeat !important; background-position: 2% 60% !important}



#b2 {background-image: url('images/b2.png') !important; background-repeat:no-repeat !important; background-position: 2% 60% !important}



#b3 {background-image: url('images/b3.png') !important; background-repeat:no-repeat !important; background-position: 2% 60% !important}







#gris {background:#d6d6d9; padding:20px; box-sizing:border-box; /*text-align:center;*/ font-size:0.8em; margin:5px auto 0; line-height:1.5em; height:95px;}

#gris h2{ font-size:1.4em; color:#B11A45; font-weight:bold;}
.suscri { width:450px; margin:0 auto; padding-left:76px; background-image: url('images/ico-suscri.png') !important; background-repeat:no-repeat !important}

#gris ul#menu-secundaria {}



#gris ul#menu-secundaria  li{ display: inline-block; }



#gris ul#menu-secundaria  li a{color:#000; padding:0 10px;}



#gris ul#menu-secundaria  li a:hover{ text-decoration:underline;}



footer { width:100%; background:#B11A45;}



footer #fooiner{padding:15px 10px; box-sizing: border-box; font-size:0.8em; line-height:1.4em; color:#fff; text-align:center;} 







.slicknav_menu {	display:none;}



strong{ font-weight:bold;}



hr.fancy-line { 



    border: 0; 



    height: 1px; 



    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 



    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 



    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 



    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 



    box-shadow: 0px -2px 4px rgba(136,136,136,0.75);



	margin:15px 0;



}



.buho { text-align:right; color:#9c8cad; font-size:0.9em; padding-top:8px;}



.buho a, .buho a:visited{ font-family: 'Pacifico', cursive; font-size:1.2em; color:#9c8cad;}



.buho a:hover{ color:#426fad;}







#content #form .wpcf7-text, #content #form .wpcf7-textarea, #content #form .wpcf7-submit{ width:100%; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 10px; box-sizing:border-box;}	



#content #form .wpcf7-text, #content #form .wpcf7-submit  { height:30px; }



#content #form .wpcf7-textarea { height:50px;}



#content #form .wpcf7-submit { background:#000; text-align:center; color:#fff; padding:20px 0 30px;}
#content #form .wpcf7-submit:active, #content #form .wpcf7-submit:hover {background:#B11A45;}



#content #form h3, #content #form h2{font-size:1.2em; color:#626465; font-weight:bold;}







/**********menu*************/
nav ul { margin:0 0 0 17px; height:40px; padding:5px 10px 15px 10px; box-sizing:content-box;  }
nav ul li { float:left; margin:0 3px;}
nav ul li a{ display:block; padding:12px 35px; color:#fff; font-size:1em; font-family: 'Muli', sans-serif; text-transform:normal;}
nav ul li.current-menu-item a,  nav ul li a:hover{color:#fff; -webkit-transition: all 0.5s; background: #B11A45; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 

/****submenu*****/
nav ul li ul{background: #2D65C3; display:none; height:auto; padding:0px; margin: 0; border:0px; position:absolute; width:285px; z-index:200; -webkit-transition: all 0.5s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
nav ul li:hover ul{ display:block;}
nav ul li li{  float:none; margin:10px 15px; padding:0; background:none !important; -webkit-transition: height 0.3s; }
nav li:hover li a{ background:none; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
nav ul li ul a{ display:block; font-style:normal; margin:0px; padding:10px; text-align:left; color:#ffffff; background:none !important;}
nav ul li ul a:hover, nav ul li ul li:hover a{ border:0px; color:#000; text-decoration:none; background:#fff !important; padding-left:50px;  -webkit-transition: all 0.3s;}

/****sub submenu*****/
nav ul li ul li ul{background: /*rgba(0,0,0,.5)*/#666; display:none !important; height:auto; padding:0px; margin: 0; border:0px; position:absolute; width:285px; z-index:300; -webkit-transition: all 0.5s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; left: 270px; margin-top:-38px;}
nav ul li ul li:hover ul{ display:block !important;}
nav ul li li li{  float:none; margin:10px 15px; padding:0; background:none !important; -webkit-transition: height 0.3s; }
nav li li:hover li a{ background:none !important; display:block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
nav ul li ul li ul a{ display:block; font-style:normal; margin:0px; padding:10px; text-align:left; color:#ffffff; background:none !important;}
nav ul li li ul a:hover,
nav ul li li ul li:hover a{ border:0px; color:#fff; text-decoration:none; background:#000!important;*/ padding-left:50px;  -webkit-transition: all 0.3s;}
/***********************************************/











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



	body {background: url('images/cel.jpg') top center repeat-x;}
.suscri { width:100% !important; height:auto; padding-bottom:10px; padding-left:0 !important; background-image:none !important; text-align:center; display:block; margin-bottom:15px !important;}
.suscri input{ width:80% !important; display:block; margin:3px auto !important; text-align:center;}
.suscri form {height:auto; padding-bottom:10px !important; background:#d6d6d9;}


	.ct { }
	/*demo demo demo*/
	#top { height:auto; padding-bottom:1.4em;}
#tracking { display:none;}
#fonito, #fonito #red, #fonito #tel { float:none !important; margin:0 auto !important; height: auto !important}
#fonito { text-align:center; width:100% !important; padding-bottom:20px;}
#fonito #tel { text-align:center !important; line-height:1.5em;}
/*#fonito { width:100%;}*/

	/*demo demo demo*/
	#container { width:90%;}	



	footer { width:100%; margin-top:50px;}	



	#fooiner , #gris{ width:90%; text-align:center; padding:10px 0;}



	#container header #logo, #container header #fono{ float:none; display:block; text-align:center; margin:8px auto}



	.js #menu {display:none;}



	.js .slicknav_menu {	display:block;}



	#content #form, #content #texto { float:none; width:100%}



	#content #form .wpcf7-text, #content #form .wpcf7-textarea, #content #form .wpcf7-submit{  text-align:center;}



	#content #form h3{font-size:1.4em; color:#fff; text-align:center;}



	#content #form{background:#2D65C3; color:#fff;}
	#content #form h3{color:#fff !important;}



	#content #form .wpcf7-submit { background:#B11A45;}
	#content #form .wpcf7-submit:active,  #content #form .wpcf7-submit:hover{ background:#000;}



	#gris ul#menu-secundaria  li a{color:#000; padding:0 5px;}



	#content h2{background:#2D65C3; padding:5px 0 5px 10px; border-bottom:4px solid #fff; box-sizing:border-box; color:#fff !important;}



	.buho { float:none; margin:5px auto; text-align:center;}



	


#content .blue{ height:auto; padding-bottom:1.5em;}
	
#azul { height:auto !important; /*padding-bottom:1.5em;*/ text-align:center; width:100% !important;}

.servi{ display:block !important; text-align:center !important; margin:2em auto 2.4em !important; width:100% !important; clear:both !important; padding:0.5em 0.5em 0 0.5em; border-bottom:0.5em #fff solid;}
.servi img{ width:80%; height:auto; clear:both;}
.info { display:block !important; margin:1em auto !important; width:100% !important;}
.servi .info p { text-align:center !important; height:auto !important; margin-bottom:0.5em !important;}
.servi .info a{ text-align:center; display:block; margin:0.5em auto !important;}
	
	
	span.wpcf7-not-valid-tip {color:#f7e700 !important}
	}



	



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



		



		.ct { }



		#container { width:100%;}	



		footer { width:100%;}	



		#fooiner, #gris { width:90%}



		#content p{ padding:0 10px;}



	 	#content h2{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} 



		#content #texto p{ padding:5px 10px; box-sizing:border-box;}



		



		



		#content h2{ padding:10px 0; text-align:center;}



		



		#container header #images{  display:none;}



		



		



		}



	



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







#container header #logo { width:50%;}







}



	



	



	/*************************************************/
.alignleft { float:left; margin:0 7px 7px 0;}
.alignright { float:right; margin:0 0 7px 7px;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


#azul { height:200px/*345px*/; background:#fff; width:100%;}
#creator { height:41px; width:100%; margin-bottom:30px;}

#cts h2 { font-size:1.6em !important; color:#426fad !important; margin-bottom:0 !important;}
#cts span { color:#333333; font-size:0.8em; line-height:0.08em}
#cts p {    margin-bottom: 0.8em !important;     line-height: 1.2em !important; }
#fonito { font-size:1em; color:#000; padding-top:10px; text-align:right; float:right; width:300px; margin-top:-120px; height:20px; font-family: 'Muli', sans-serif;}
#fonito span{ color:#2D65C3;}
#red { width:175px; height:33px; overflow:hidden; margin-top:-5px; margin-left:5px;}
#red, #tel { float:right; margin-top:10px; line-height: 19px; clear: both;}







#navlist {



    position: relative;



}







#navlist li {



    margin: 0;



    padding: 0;



    list-style: none;



    position: absolute;



    top: 0;



}







#navlist li, #navlist a {



    height: 33px;



    display: block;



}







#face {



    left: 40px;



    width: 31px;



    background: url('images/redes.png') -58px -1px;



}










#you {



    left: 90px;



    width: 31px;



    background: url('images/redes.png') -100px -1px;



}



#twit {

    left: 140px;
    width: 31px;
    background: url('images/redes.png') -142px -1px;



}





/****************************************/



.servi { float:left; width:212px; height:200px; margin:20px 18px 0;  /*border:solid 1px #a4be36;*/ line-height: 26px;}

.servi img{ display:block; margin:0 auto; text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#container a:hover img{-webkit-filter: grayscale(100%);
filter: grayscale(100%);}

.bubble-text-color { color:#fff !important;}

.servi h2{ text-align:center;}
.servi hr {color: #ccc;
background-color: #ccc; height: 1px}
.servi h2 a{ text-transform:capitalize; color:#2D65C3; margin:0.2em 0; text-align:center; font-family: 'Merriweather', serif !important; font-weight:normal !important; font-size:1.3em;}
.servi h2 a:hover{ border-bottom:1px dashed #7fbf00;}
.servi .info {text-align:center;}
.servi .info a{ background:#a1bc2f; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-table; padding:2px 5px; text-align:center; margin:0 0 0 30%;}
.servi .info a:hover{ background:#fff; color:#a1bc2f;}
.servi .info p{ color:#f3f4f5; font-size:0.83em; margin:5px 0 10px; text-align:justify; height:95px; line-height:1.5em;}

/**********************************/
#content .post {border-bottom: double 3px #ccc; margin-top: 10px;}
#content .post .post-info {float: left; margin: 0 0 20px 40px;}
.leer{font-family: 'Dancing Script', cursive !important; color: #000; font-size: 1.5em}
.leer:hover{color: #2F2E2E; }
.leer span{ -webkit-transition: all 0.3s;}
.leer:hover span{ -webkit-transition: all 0.3s; margin-left: 15px;}