/*
* Responsive layout for Line - 7th of September 2012
*/

.select-menu {
	color:#999;
}

.select-menu {
	display:none;
}



/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px	
    #Mobile - 480px	
	#Tablet - 768px	
	*/


/* #Mobile - 240px
================================================== */


/* Para tablets como IPAD y mas grandes aun*/
@media only screen and (min-width: 758px) and (max-width:1024px)
{ 
	#wrapper,.wr_contenido_100, #wrapper #header,#footer{width:100% !important;padding:0px !important;}
	#wrapper {overflow:hidden;}
		#header .two-third .select-menu {height:30px;}
	
	/*cabecera */
	.ipad_wrapper_padding {padding:10px;}
	.wr_padding {padding:0px 10px !important;}
		#header .select-menu {margin-top:0px !important;}
	
	/*Footer*/
	#topfooter {padding-top:15px !important;}
	
	/** Urls amigables */
	.wr_urls .one-fourth {margin-bottom:20px !important;}
	.wr_urls .three-fourth {width:100% !important;}
		.wr_urls .three-fourth li {padding-left:2% !important;width:48% !important;}
}

/* Para IPAD en horizontal */
@media only screen and (min-width: 758px) and (max-width:1024px) and (orientation:landscape)
{
	
	/*Ficha*/
	.wr_ficha .one-third float:right !important;}
	
	/*Ficha*/
	.wr_opiniones .one-third {float:right !important;}
	.wr_ficha .column-last, .wr_opiniones .column-last {float:right;width:auto !important;padding-right:20px;}
}

/* Para IPAD en vertical */
@media only screen and (min-width: 758px) and (max-width:1024px) and (orientation:portrait)
{ 
	#wrapper{}
	
	/*cabecera*/
	#mainnav{display:none !important;}
	.select-menu{display:table !important;  float:none !important;padding:0px !important;margin:20px auto 0px auto !important;}
	#navigation{float:none;width:100% !important;padding:0px !important;}
		#header .two-third {width:100% !important;padding:0px !important; }
		.nivo .formulario {width:300px !important;}
		.nivo .nivo-main-image {height:410px !important;}
	
	#posts {width:435px !important;}
	
	/*FICHA*/
	.wr_ficha .two-third, .wr_opiniones .two-third {width:100% !important;}
}


/** Para tablets menos anchas que el IPAD */
@media only screen and (max-width: 758px) 
{ 
	#wrapper,.wr_contenido_100, #wrapper #header ,#wrapper .formulario,.slider-wrapper,#navigation,.percent-one-third,#footer,#posts{width:100% !important;padding:0px !important;}
	#wrapper {overflow:hidden;}
		#wrapper #top {margin-bottom:20px !important;}
		
	/*quitar slide */	
	.slider-wrapper {display:none !important;}
		
	/*quitar barra facebook*/	
	.barra_facebook {display:none !important;}	
		
	#header .two-third {width:100% !important;}	
		#header .two-third .select-menu {height:30px;}
		
	.wr_padding {padding:0px 10px !important;}
	
	
	/*Formulario	*/
	#wrapper .formulario {position:relative !important;padding:0px !important;margin:0px !important;background:#efefef;box-shadow:none ;}
	#wrapper .formulario h3{padding:20px 0px 10px 0px !important;text-align:center;}
	#wrapper .formulario form{padding:10px !important;}
		#wrapper .formulario form fieldset{padding:0px 10px !important;}
			#wrapper .formulario form input[type="text"],#wrapper .formulario form textarea{padding:10px !important;width:100%;margin-left:-10px;}		
			#wrapper .formulario form select {
				width:100% !important;
				padding:0px 10px !important;
				margin-left:-10px !important;
				height:30px !important;
				-webkit-appearance: none;
    			-moz-appearance: none;
   				 appearance: none;
			 }
				#wrapper .formulario form select option {padding:10px !important;}
			#wrapper .formulario form #enviaLanding {margin-right:-10px !important;}
		
		
	/*Slider*/
	#slider .nivo-main-image	{height:500px !important;}
	#wrapper .nivo {height:auto !important;}
		.nivoSlider,.slider-wrapper{height:auto !important;}
			.nivo-caption p {width:100% !important;padding-left:0px !important;}
			.nivo-caption h3, .nivo-caption h2 {padding-left:0px !important;}
			.nivo-caption ul {margin-left:0px !important;}
		.nivo-caption {width:100%;height:auto !important;top:0px !important;}
		
	#wrapper #top {padding:0px 10px !important;}
		.percent-one-third {margin:0px auto 10px auto !important;}
	
	#mainnav{display:none !important;}
	.select-menu{display:table !important;  float:none !important;padding:0px !important;margin:20px auto 0px auto !important;}
	#navigation{float:none;}
	
	/*Actualidad y redes */
	.sidebar-post a {height:auto !important;}
	.sidebar-post img{width:150px !important;height:auto !important;float:left;position:relative;}
	.sidebar-post h5 {margin-left:10px !important;}
	
	/*Footer*/
	.percent-one-fourth {width:50% !important;margin:0px !important;min-height:160px;}
		.percent-one-fourth .wr_padding{padding-top:10px !important;}
		
	/*Ficha*/	
	.wr_ficha .two-third, .wr_ficha .one-third {width:100% !important;margin:0px !important;}
		.wr_ficha .two-third img {max-width:100% !important;}
		.pricing-column {width:100% !important;margin:10px auto 0px auto !important;display:table;}
		
	/** Opiniones */
	.wr_opiniones .two-third, .wr_opiniones .one-third {width:100% !important;margin:0px !important;}	
		
	/*Contacto */	
	.wr_contacto .one-fourth, .wr_contacto .three-fourth {width:100% !important;margin:0px !important;}
	
	/* Noticias */
	#posts .pagenav{float:left !important; margin-bottom:10px !important;}
		#posts .pagenav span.pages {padding-left:0px !important;margin-left:0px !important;}
	.wr_noticias #sidebar {width:100% !important;}
	
	/** Casos */
	.wr_casos #sidebar,.wr_casos .page-title {width:100% !important;}
		.wr_casos .two-third{width:100% !important;margin:0px !important;}
		
	/** Ficha plana */
	.wr_ficha_plana .page-title {width:100% !important;}	
	.wr_ficha_plana .two-third{width:100% !important;margin:0px !important;}
	
	/** Urls amigables */
	.wr_urls .one-fourth {margin-bottom:20px !important;}
	.wr_urls .three-fourth {width:100% !important;}
		.wr_urls .three-fourth li {padding-left:2% !important;width:48% !important;}
}


@media only screen and (max-width: 600px) and (orientation:portrait) {
	/*Footer*/
	.percent-one-fourth {width:100% !important;margin:0px !important;min-height:inherit !important;}
	
	/*Ficha */
	.wr_ficha .service-item {margin-top:10px !important;}
	
	/* Contacto*/
	.wr_contacto .column-last {margin-top:15px !important;}
	
	/* Noticias */
	.wr_noticias .sidebar-post h5 {margin-top:10px !important;}
	
	/*Paginacion*/
	.separador_paginacion {clear:both;display:block;width:0px !important;}
		.separador_paginacion + a {margin-left:-65px !important;}
}


@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation:landscape)
{ 
	/*
	//#wrapper{width:98%; margin-top:0; padding-right:2%}
	#header{width:100%; padding-right:2%;}
		#header .two-third{width:415px;}

	//.centered-wrapper{width:98%; padding-left:2%;}
	#footer{width:100%;}

	#mainnav{display:none !important;}
	.select-menu{display:block; width:100%; margin-top:30px;}
	#navigation{float:none;}

	.logo img{width:85%;}
	
	.formulario{width:310px !important;}
	.homeFormulario{margin-right:5px !important; }
	.nivoSlider{height: 420px;}
		.nivo-main-image{height:420px !important;}
		
	.page-title{width:100%;}
	
	.one-fourth{width:25%;}
	.three-fourth{width:72%;}
	#posts{ width:100%;}
		#posts article{ width:48%; margin-right:1%; float:left; height:430px;}
		#posts article .post-title{ height:50px; width:90%}
		
		#posts .pagenav{ float:none; clear:both; margin-bottom:30px; }
		
	.noticias #sidebar{display:none;}
	.noticia #sidebar{display:none;}
	
	
	.noticia #posts article{width:100%; height:auto; float:none;}
	
	.casos #posts{width:64%; margin-right:0;}
	.casos #posts article{width:80%; float:none; height:auto; margin-right:0; border:none;}
	*/
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  {
		.logo img{width:85%; margin-left:10%}
		.contactoHeader{font-size:18px; text-align:center;}
		
		#navigation{padding:0; margin-right:22%;}
		
		#mainnav{display:none !important;}
		.select-menu{display:block; width:100%;}

		#wrapper{width:100%; margin-top:0}
		#header{width:100%;}
		.centered-wrapper{width:98%; padding-left:2%;}
		#footer{width:100%;}
		.formulario{width:75% !important;}
		.slider-wrapper{display:none;}
		
		.percent-one-third{width:90%; margin:0 2px; margin-left:5%;}
		.percent-one-third-mobile{width:90%; margin:0 2px; margin-left:5%;}
		.percent-one-fourth{width:90%; margin:0 2px; margin-left:5%;}
		.one-fourth{width:100%}
		.three-fourth{width:100%;}
		.one-half{width:50%;}
		.two-third{width:100%;}		
		
		#topfooter .percent-one-fourth{ margin-bottom:20px;}
		

		
		#bottomfooter .one-half{width:90%; margin-left:5%; margin-bottom:10px;}
		
		
		
		.page-title{margin-bottom:10px; margin-top:15px; width:100%}
		.page-title h2, .page-title h1, .page-title .titulo_principal_h2{margin-bottom:5px;}
		
		.percent-one-half{width:90%; margin-left:2%;}
		.percent-one-half img{width:90%;}
		.column-last aside{margin-top:50px;margin-left:10px;}
		.pricing-column{width:98%;}
		
		.testimonial-item2{margin-right:0px !important;}
		
		.comofunciona h3, .faqs h3, .opiniones h3{margin-left:10px;}
		
		#posts {width:95%; margin-left:2%;}
		
		#sidebar{width:100%;}
		.widget{margin-left:10%;}
		
		.widget .widget{margin-left:0%;}
		
		#contactform input[type="submit"]{margin-right:15px; margin-top:20px;}
		
		.recent-posts{margin-left:2% !important; margin-top:10px;}
		
		
		.enhorabuena{
			position:absolute;
			right:2px;
			display:none;
			background-color:#FFF;
			top:40px;
			height:275px;
			width:250px;
			padding:20px;
		}
		

}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation : landscape)
  {
	  
		.logo img{width:95%; margin-left:25%}
		.contactoHeader{font-size:22px; text-align:center;}	  
		#navigation{padding:0; margin-right:30%;}
		.formulario{ margin-right:45px !important;}
		
		.one-third.column-last{width:100%}
		.testimonial-item2{width:90% !important;}
  }

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

	.pricing-column{width:98%; float:right}

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  
  .pricing-column{width:98%; float:right}
  
		#mainnav{display:none !important;}
		.select-menu{display:block; width:100%;}  

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

.pricing-column{width:98%; float:right}

}