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

MNDESIGN
Estilos de pantalla

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

/* html5reset.css - minified! */
 @font-face {
      font-family: "Bitstream Vera Serif Bold";
      src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");
    }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0; max-width:100%;}
input,select{vertical-align:middle;}



/*THE RESPONSIVE GRID SYSTEM
Taken from http://www.responsivegridsystem.com/

*************************************************
*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}
/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_3_of_3 h5{
	text-align: center;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}
.span_1_of_3 h5{
	text-align: center;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 45%;
}
.span_2_of_4 h5{ text-align:center;}
.span_1_of_4 {
	width: 23%;
}

.span_1_of_4 {
	border:1px solid #567085; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-top:2em; background:rgba(64, 72, 80, .8); height:auto;}
.span_1_of_4 h5{ text-align:center;}
.span_1_of_4 p{ padding:3px;}
/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}
/*  GRID OF TEN  */
.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GENERAL SELECTORS ============================================================================= */

body{ font: normal 100%/1.5 'TitilliumText22LRegular', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#fff; background:#404850; border-top:3px #606b74 solid; }

h1, h2, h3, h4, h5{ margin:1em 0 0 0; padding:0; color:#fff/*3b7bea*/; font-weight:normal; text-align:center; }
h1{ font-size:1.1em;}
h2{ font-size:0.975em;}
h3{ font-size:0.9em;}
h4{ font-size:0.8em;}
h5{ font-size:0.725em;}

a { text-decoration:none; color:#2fb9e7; font-weight:normal; cursor:pointer; /*-moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; -webkit-transition: color 0.3s linear; transition: color 0.3s linear;*/}
a:hover{ text-decoration:none; color:#00bfff;  }

/*hr{ float:left; clear:both; background:url(/empresas/images/horizontal-dot1.png) repeat-x top left; height:3px; border:0;  width:100%; margin:14px 0 20px 0; }*/

p,
ul,
ol { margin-bottom: 1em; }
.clear { clear:both; }
.bulletlist	{ list-style-type:disc; margin:1em; line-height:1.8; }

form { margin:10px; padding:0; }

input, select, textarea, tel { font-family: 'TitilliumText22LRegular', 'Helvetica Neue', Arial, Helvetica, sans-serif;  padding:0.6em; font-size:0.9em; border:1px #ccc solid; border-radius:8px; }

img { border:0; max-width: 100%; }
img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
    max-width: 99999px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a.gen{padding:0.5em 0.9em; color:#819db4; font-size:0.9em; border-radius:8px; background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #F8F8F8 2%, #D8D8D8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#F8F8F8), color-stop(100%,#D8D8D8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F8F8F8 2%,#D8D8D8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F8F8F8 2%,#D8D8D8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F8F8F8 2%,#D8D8D8 100%); /* IE10+ */
background: linear-gradient(to bottom, #F8F8F8 2%,#D8D8D8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#D8D8D8',GradientType=0 ); /* IE6-9 */ color:#819db4; padding:11px 24px; font-weight:bold; border: 1px solid #D8D8D8; text-shadow: 0 1px 0 #F8F8F8; 
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 
}
a.gen:hover{ background: #D8D8D8; /* Old browsers */
background: -moz-linear-gradient(top, #D8D8D8 2%, #F8F8F8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#D8D8D8), color-stop(100%,#F8F8F8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #D8D8D8 2%,#F8F8F8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #D8D8D8 2%,#F8F8F8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #D8D8D8 2%,#F8F8F8 100%); /* IE10+ */
background: linear-gradient(to bottom, #D8D8D8 2%,#F8F8F8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#F8F8F8',GradientType=0 ); /* IE6-9 */
color:#000;
}


ul.genlist { list-style-type:disc; margin:0 1em; }
ul.genlist li { padding-bottom:6px; }

img.alignright { float:right; margin:6px 0 6px 16px; }

select { cursor:pointer; }

/*fix twitter scrollbar*/
iframe[name="twttrHubFrame"] {
display: none !important;
}

/*  TEMPLATE ============================================================================= */

#skiptomain 	{ display: none; }

header 			{ float:left; width:100%;  }

a#logo			{ float:left;  display:block; width:211px;/*211px*/ height:46px;/*46px*/ background:url(../images/logo.png) no-repeat; margin:30px 0 0px 0; text-indent:-9999em; }

#topnav			{ float:right;  margin:2px 0 0 0; width:auto; }
#topnav li 		{ list-style-type: none; float:left; display:block;  }
#topnav li a 		{ display:block; font-size:0.8em; color:#000; padding:8px 14px;  font-weight:normal; text-decoration:none; }
#topnav li a:hover { text-decoration:none; color:#0cb7c6;   }

#nav			{ float:right;  clear:right; margin:0 0 -0.6em 0; padding:0; width:auto; }
#nav li 		{ list-style-type: none; float:left; display:block;  }
#nav li a 		{ display:block; font-size:1em; color:#819db4; padding:8px 12px;  font-weight:normal; text-decoration:none; border-bottom:4px #40525f solid; }
#nav li a:hover { text-decoration:none; border-bottom:4px #608aad solid; color:#68839a;   }

.mobilenav { float:right; margin:20px 10px; display:none; }
.mobilenav label { float:left; margin-right:10px; }
.mobilenav select { float:left; border:1px #666 solid; border-radius:4px; font-size:0.9em; padding-left:0.2em; }

/* Hover Menu */
/*ul#nav li.hassub { position:relative; background:url(/images/icon-drop.png) no-repeat center right; padding-right:4px; margin-right:4px;  }
ul#nav li.hassub a { border:0; }
ul#nav li.hassub:hover {     
	background: #eee; /* Old browsers */
	/*background: -moz-linear-gradient(top, #eee 0%, #ddd 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #eee 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #eee 0%,#ddd 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #eee 0%,#ddd 100%); /* IE10+ */
	/*background: linear-gradient(top, #eee 0%,#ddd 100%); /* W3C */
	/*z-index:9999;  
	-moz-border-radius: 5px 5px 0px 0px;  
	-webkit-border-radius: 5px 5px 0px 0px;  
	border-radius: 5px 5px 0px 0px; 
}*/ 
		

.dropdown_1column,  
.dropdown_2columns {  
    margin:4px auto;  
    position:absolute; 
    z-index: 9999;
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:5px;   
    border-top:none;   
    background:#eee;  
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
    background: -moz-linear-gradient(top,  #ddd,  #ccc);
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px; 
    }

.dropdown_1column {width: 200px;}  
.dropdown_2columns {width: 400px;} 

ul#nav li:hover .dropdown_1column,  
ul#nav li:hover .dropdown_2columns {  
	left:0px;  
	top:2em; 
	z-index: 9999; 
	-webkit-box-shadow: 2px 6px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 2px 6px 6px rgba(0,0,0,.25);
	box-shadow: 2px 6px 6px rgba(0,0,0,.25);
} 

.col_1,  
.col_2 {  
    display:inline;  
    float: left;  
    position: relative;  
    padding: 5px; 
    line-height: 1.3em;
}  

.col_1 {width:190px;}  
.col_2 {width:390px;}

ul#nav li ul {  
    list-style:none;  
    padding:0; margin:0;  
}  
ul#nav li ul li {     
    position:relative; 
    padding:4px 6px;  
    margin:0;  
    float:none;  
    text-align:left;
    width:190px;
}  

ul#nav li ul li a {
	padding: 0px; font-size:80%; text-shadow:1px 1px 0 #eee;
}

ul#nav li ul li:hover {  
    background:none;  
    border:none; 
}
h2 {  font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; font-size:0.975em; line-height:1.2; margin:1em 0 0.2em 0; padding:0;  }
h3 {  font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; font-size:0.9em; line-height:1.2; margin:1em 0 0.2em 0; padding:0;  }
h3.mainhd { float:left; width:100%; }
h3.mainhd a { float:right; margin-bottom:0; font-family:'TitilliumText22LRegular', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

h4 				{ font: normal 1.1em 'TitilliumText22LRegular', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000; padding:0 0 0.4em 0; font-weight:bold; }


.bienvenida{ text-align:center; margin:30px 0 10px 30px;}

#page_intro		{ float:left; width:100%; padding:1em 0; margin:0px;  }
#page_intro h1	{ color:#fff; font:1.5em 'TitilliumText22LBold', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding:0.2em 0 0.1em 0;  }
#page_intro p	{ color:#fff; font-size:1em; max-width:64%; padding:0; margin:0;  }
#page_intro a	{ color:#000; border-bottom:1px #fff dotted; }

.h_services { float:left; width:100%; background-color:/*#ba310c*/transparent; color:#fff; padding:0.7em 0 0.9em 0 ; }
.h_services h5 { font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; color:#fff; text-transform:uppercase; font-size:1.4em; line-height:1.2; margin:0.3em 0 0.1em 0; }
.h_services p { font-size:0.9em; line-height:1.3; }
.h_services .span_1_of_3 p { font-size:1.2em; line-height:1.3; }
.h_services .span_3_of_3 p { font-size:1.2em; line-height:1.3; }

.h_services .col { text-align:center; }

section				{ margin:0 auto; width:100%; max-width: 75em; /* 1200px / 16 */ }
.content			{ float:left; width:100%;  padding:0 0 1em 0;}

footer			{ float:right; background:#404850; color:#fff; width:100%; padding:0 0 1em 0; font-size:0.9em; bottom:0; }
footer ul		{ float:right; list-style-type:none; width:100%; }
footer li  { float:right; padding:0 0 1em 0; color:#777; margin-right:10px; }
footer li a { padding:0 0 1em 0; color:#777; width:25%; }
footer li a:hover { color:#bbb; }

#belowfooter			{ float:left; background:#404850; color:#fff; width:100%; padding:2em 0 1em 0; }


footer h5 { clear:both;font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; color:#fff; text-transform:uppercase; font-size:1.4em; }

a.totop { float:right; padding:0.8em 1em;  margin:0 0 1.5em 0.5em; display:none; color:#000; background: #e4e4e4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d7d7d7));
    background: -moz-linear-gradient(center top, #f6f6f6 0%, #d7d7d7 100%);
    -webkit-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -moz-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
a.totop:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #000;
    -moz-box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #000;
    box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #000;
    color: #424242;
}

.f_socials { clear:both; padding-bottom:1em; } 
.f_socials a { clear:both; margin-right:0.6em; opacity:0.4; -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; }
.f_socials a:hover { opacity:1; }

.f_contact { margin-top:-1em; background:#222222;  font-size:0.8em;  }
.f_contact h5 { font-size:1.8em; }
.f_mndesign strong,
.f_newcastle strong { color:#fff; font-size:1.3em; }
.pad { padding:1.5em; }

.f_mndesign { float:left; margin-right:2em; }
.f_newcastle { float:left;  }
.f_email { float:left; clear:both; margin:1em 0 2em 0; }
.f_email img { float:left; margin:0.2em 0.5em 0 0; }
.f_email:hover { text-decoration:underline; }

.f_web li,
.f_mobile li,
.f_digital li { float:left; clear:left; }

.f_sitemap { width:64.1%; padding-left:2%; }

.copyright		{ float:left; clear:left; padding:1em 0 0.5em 0; text-align:left; font-size:12px; width:100%; text-align:center;}
.copyright p { max-width:600px; margin:0 auto; }
.copyright a { color:#ccc; }
.copyright img { padding-right:0.5em; }
#sidebar{ float:left; background-color:#dbdbdb; border:1px solid #bbb; bottom:5px; margin:7px 7px; padding:5px 7px; width:20%; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; height:100%;}

/*  HOMEPAGE ============================================================================= */

#home_intro		{ float:left; color:#fff; width:100%; padding:0; margin:0px; background:#09F/*#2fb9e7*/ url(/images/home_intro_bg.gif) repeat; text-align:center; text-shadow:1px 1px 0px #11556b;  }
#home_intro h1, #home_intro strong	{ color:#fff; font:28px 'TitilliumText22LBold', Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif; padding:0 1em; margin-top:1.3em;  }
#home_intro h2	{ color:#fff; font-size:22px; padding:0 1em 1em 1em; }

.calltoaction, .ctasmall { border-radius:8px; background: #ff6401; /* Old browsers */
background: -moz-linear-gradient(top, #ff6401 2%, #ff6a1e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ff6401), color-stop(100%,#ff6a1e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff6401 2%,#ff6a1e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff6401 2%,#ff6a1e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff6401 2%,#ff6a1e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff6401 2%,#ff6a1e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6401', endColorstr='#ff6a1e',GradientType=0 ); /* IE6-9 */ color:#fff; padding:11px 24px; font-weight:bold; border: 1px solid #FF6a1e; text-shadow: 0 1px 0 #FF6401; 
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);   }

.calltoaction:hover, .ctasmall:hover { background: #ff6a1e; /* Old browsers */
background: -moz-linear-gradient(top, #ff6a1e 2%, #ff6401 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ff6a1e), color-stop(100%,#ff6401)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff6a1e 2%,#ff6401 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff6a1e 2%,#ff6401 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff6a1e 2%,#ff6401 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff6a1e 2%,#ff6401 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a1e', endColorstr='#ff6401',GradientType=0 ); /* IE6-9 */
color:#fff; }

.ctasmall { font-size:13px; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); float:left; padding:9px 18px; margin-bottom:1em; }



.slide1 { background:url(/img/h-intro.png) no-repeat bottom center;  width:100%; height:356px;/*356px*/  }
.slide2 {   width:100%; height:356px;/*356px*/  }

#home_intro .slide2 strong,
#home_intro .slide2 h2,
#home_intro .slide2 a.calltoaction { float:right; clear:right; z-index:9999; display:block;}
#home_intro .slide2 a.calltoaction { margin:0.7em 1em 0 0;}
#home_intro .slide2 { position:relative;}
#home_intro .slide2 h2 {  text-align:right;}
.flex-caption p { float:right; clear:right; text-align:right; max-width:36%; margin:0 1em 0.5em 0;}

.s_mapa { max-width:1024px; margin:0 auto; background:url(/img/slide-mapa.png) bottom left no-repeat; }
.s_ventana { max-width:1024px; margin:0 auto; background:url(/img/slide-ventana.png) bottom left no-repeat; }
.s_select { max-width:1024px; margin:0 auto; background:url(/img/slide-select.png) bottom left no-repeat; }
/*.s_ic { max-width:1024px; margin:0 auto; background:url(/img/slide-ic.png) bottom left no-repeat; }*/

.h_services { float:left; width:100%; background:/*#ba310c*/transparent; color:#fff; padding:2em 0 0.9em 0 ; }
.h_services h5 { font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; color:#fff; text-transform:uppercase; font-size:1.4em; line-height:1.2; margin:0.3em 0 0.1em 0; }
.h_services p { font-size:0.9em; line-height:1.3; }

.h_services .col { text-align:center;  }

.h_latest { float:left; width:100%; margin:0.2em 0 0 0; }
.h_latest h4 { margin:0.5em 0 0 0; padding:0; font-size:1em; }
.h_latest p { font-size:0.8em; font-family:Georgia, sans-serif; font-style:italic; }
a.view, a.backto { float:left; color:#333; font-size:0.8em;  padding:0.5em 0.7em; margin:0 1em 0.5em 0; text-shadow:1px 1px 0px #fff; background: #e4e4e4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d7d7d7));
    background: -moz-linear-gradient(center top, #f6f6f6 0%, #d7d7d7 100%);
    -webkit-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -moz-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
a.view img { float:left; margin-right:0.4em; }
a.view:hover, a.backto:hover { background:#e0e0e0; -webkit-box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #ddd;
    -moz-box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #ddd;
    box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #ddd;
    color: #424242;}
 
.news_title a 	{ font-weight:bold; font-size:1.1em; }
.news_title a:hover { color:#000; border-bottom:1px #000 dotted; }
.blog_date 	{ font-size:0.9em; font-family:Georgia, sans-serif; font-style:italic; color:#000; padding:0 0 0.5em 0;}
.h_news p 	{ font-size:0.9em; line-height:1.4; }

.h_testimonials blockquote { text-indent:1em; font-size:0.9em; font-family:Georgia, sans-serif; font-style:italic; text-shadow:1px 1px 0 #fff; line-height:1.5; background:#eee; margin:0.5em 0 0.8em 0; padding:0.9em; border-radius:8px; }
.h_testimonials .author_logo { float:left; }
.h_testimonials .author { float:right; font-size:0.8em; }

.we_work_with h3, .share_us h3 { margin:1em 0 0.6em 0; }
.share_us li { float:left; margin-right:1em; }
.share_us li:last-child { margin-right:0; }
.we_work_img { width:90%; }

/*  CONTACT PAGE ============================================================================= */
#fondo{ background: #404850 url(../images/puente_union.jpg) no-repeat top center; max-width:100%; height:auto;}
#users{ background:transparent url(../images/ciudades.jpg) repeat-y top center; max-width:100%; height:auto;}
#connect{ background:#2d264b url(../images/connect.jpg) no-repeat top center; max-width:100%; height:auto;}
#business{ background:#2d264b url(../images/business.jpg) no-repeat top center; max-width:100%; height:auto;}
#altura{ height:auto;}
/**/
input::-webkit-input-placeholder {
  color: red;
}
input:-moz-placeholder {
  color: red; 
}
input:-ms-input-placeholder { 
  color: red; 
}
#contacto1 p, label {font: 0.9em Arial, Helvetica, sans-serif; color:#fff;}
#contacto1 { background-color:transparent; border:1px solid #bbb; bottom:5px; margin:7px auto; padding:5px 7px; width:80%; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; height:100%;}
#contacto1 h1{ color:#fff; font-size:1.5em; margin-left:1em; font-family:"Bitstream Vera Serif Bold",serif;}
#contacto1 h2{ color:#fff;}
#contacto1 h3{ color:#fff;}
#contacto1 .position{ float:left; width:33%;}
#contacto1 .map-tam{height:300px; width:600px;}
#contacto1 legend {  font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; font-size:1.5em; line-height:1.2; margin:1em 0 0.2em 0; padding:0; color:#fff;}
#contacto1 input, textarea {width: 60%; padding:5px; color:#343434; background-color:#e0e0e0; border:1px solid #ff9900; margin: 5px 0; font:0.9em Arial, Helvetica, sans-serif; display:block;}
#contacto1 .select {float:left; margin:10px; width:70%;  padding:5px 10px; -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/flecha_desplegable.jpg), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;}
#contacto1 .seleccionar{ float:left; margin:10px 0 0 10px;}
#contacto1 input[type="text"], #contacto1 input[type="tel"], #contacto1 input[type="email"], #contacto1 input[type="password"], #contacto1 input[type="url"] {  width:50%; margin:0 0 0.9em 0; /*-webkit-box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1);*/ border:1px #8d8d8d solid; margin:10px;}
#contacto1 input[type="button"]{width:20%; margin:0 0 0.9em 0; border:1px #8d8d8d solid; margin:10px;
background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
/*#contacto input[type="checkbox"] {width:10%;/*85px*//*border:1px solid #777; color:#000; background-color:#fff;}*/
#contacto1 input[type="radio"] {float:left; text-align:center; width:auto;}
.withdrad{width:90%;}
.radiopos{ float:left; width:30%; margin:0 7px 10px;}
#contacto1 input.submit { float:left; cursor:pointer; margin:1em 1em; font-size:1.2em; display:block; width:10%;}
#contacto1 input:focus, textarea:focus, select:focus {border:1px solid #d8d8d8; background-color:#f8f8f8; color:#000;}
#contacto1 input.submit {padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #129ecd;
    background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
#contacto1 input.submit:hover {background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);}
#contacto1 input[type="submit"][disabled] {color:#FFF; background-color:#888;}

#contacto1 input.button { float:right; cursor:pointer; margin:1em 1em; font-size:1.2em; display:block; width:30%;}
#contacto1 input.button {padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #129ecd;
    background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
#contacto1 input.button:hover {background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);}
#contacto1 input[type="button"][disabled] {color:#FFF; background-color:#888;}
#contacto1 fieldset {padding:5px; color:#000;}	
#contacto1 .requerido {
	font-size: 0.7em;
	color: #ff0000;
}
 
select {
	background: #F3F3F3;
	color: #585757;
	padding: 5px;
	font-size: 13px;
	line-height: 100%;
	border-radius: 0;
	height: 30px;
	width:33%;
	margin:0 0 0.9em 0;
	border:1px #8d8d8d solid;
	margin:10px;
}
 
option {
	padding: 10px;
}
input.submit { float:left; cursor:pointer; margin:1em 0.3em; font-size:1.2em; display:block; width:15%;}
input:focus, textarea:focus, select:focus {border:1px solid #d8d8d8; background-color:#f8f8f8; color:#000;}
input.submit {padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #129ecd;
    background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
input.submit:hover {background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);}
input[type="submit"][disabled] {color:#FFF; background-color:#888;}
.datos{font-size:0.7em; padding:20px 2.5rem; }
/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }

::-moz-selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }

::selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }


button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

/*inicio comentado anteriormente*/
input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }
/*fin comentado anteriormente*/
button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

/*  MEDIA QUERIES ============================================================================= */

/* e.g. iPad Portrait */
@media screen and (max-width: 1150px)
{
	section { width:90%;}
	#nav li a { font-size:0.9em; padding:8px 9px; }
	.slide1 { background-size:90%;}
	img { border:0; max-width: 100%; }

	#home_intro .slide2 a.calltoaction { position:absolute; right:10px; bottom:20px;}
}


/* e.g. Smaller tablets and Larger Smartphones */
@media screen and (max-width: 930px)
{
	header { margin-bottom:-1em;}
	a#logo{ margin:16px 0 10px 0;}
	#topnav, #nav{ display:none;}
	.mobilenav{ display:block;}
	
	.s_mapa,
	.s_ventana,
	.s_select/*,
	.s_ic*/ {background-size:540px;}

	.flex-caption p{display:none;}
	
	.copyright { font-size:0.7em; border:0;}
	
	#page_intro p	{ max-width:100%;}
	
	.filtermenu ul li  { width:46%;}
	
	/* Who we are - hide left menu */
	#catcher, #smenu { display:none;}
	#services, #whoweare { float:left; width:100%;}
	
	.video_container, .video { height:400px;}
	img { border:0; max-width: 100%; }
}

@media screen and (max-width: 930px) {
	.video_container, .video { height:336px;}
	img { border:0; max-width: 100%; }
}

@media screen and (max-width: 700px) {
	img { border:0; max-width: 100%; }

	a#logo	{ width:120px; height:70px; background:url(../images/logo_small_creando_mi_empresa.png) no-repeat; background-size:100%; margin:20px 5px;}
	.s_mapa,
	.s_ventana,
	.s_select/*,
	.s_ic*/ { background-size:400px;}
	
	.client_list li { width:48%;}
	.wrapper{margin:50px auto 0 90px; width:90%;}
}

@media screen and (max-width: 580px){
	img { border:0; max-width: 100%; }
	.span_1_of_3, .span_2_of_3, .span_3_of_3 {
		width: 100%; margin:0 0 1em 0;
	}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
		width: 100%; margin:0 0 1em 0;
	}
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5 {
		width: 100%; margin:0 0 1em 0;
	}
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {
		width: 100%; margin:0 0 1em 0;
	}
	
	
	
	/* Hide any elements that make the page too much to digest on a mobile */
	.mobhide 		{ display:none;}
	
	#page_intro h1	{ font-size:1.8em; padding-bottom:0.2em;}
	h2.pagetitle	{ font-size:1.4em; }
	.staff			{  width:47%; margin-left:0%; margin-right:3%;}

	.blog_postlist,
	.blog_sidebar {	width: 100%;  margin:0;}
	
	.h_services { padding:1em 0; border:0;}
	.h_services img { width:40px; float:left; margin:0 0.3em 0.5em 0.5em;}
	.h_services h5 {  float:left; margin:0.2em 0.3em 0.2em 0.5em;}
	.h_services a { float:left; margin:0 0.5em 0.5em 1em; font-size:0.7em;}
	.h_services p { display:none;}
	.h_services .span_1_of_4 { width: 100%; margin:0.5em 0 0 0;}
	
	.filtermenu ul li  { width:100%;}
	
	a.totop { display:block;}
	.f_web, .f_mobile, .f_digital { display:none;}
	.f_contact { margin-top:-1em;}
	
	.service aside {  width:100%;}
	.service_intro { font-size:1em;}
	.service-img {  float:none; width:80%; padding:1em 5%; text-align:center;}
	
	/* Centralise the stats */
	.number,
	.number2 {  float:none; margin:0 auto;}
	.number2{ margin-bottom:-0.6em;}
	.stat,
	.stat2{ float:none; margin:0 auto 1em auto; text-align:center}
	.wrapper{margin:60px auto 0 70px; width:80%; font-size:0.7em;}
}

/* e.g. Mobiles/iPhone/etc */
@media screen and (max-width: 480px)
{
	img { border:0; max-width: 100%; }
	hr{ float:left; clear:both; height:3px; border:0;  width:100%; margin:14px 0 20px 0; }
	.mobilenav { float:right; width:auto;}
	.mobilenav label { margin-right:0px;}
	.mobilenav label img { width:22px;height:22px; margin-top:2px; margin-right:4px;}
	.mobilenav select { font-size:0.8em; padding:0; width:140px;}
		
	.flex-control-nav { display:block;}
	.flex-direction-nav { display:none;}
	
	.s_mapa,
	.s_ventana,
	.s_select/*,
	.s_ic*/ { background-size:280px;  background-position:bottom center;}
	
	#home_intro .slide1,
	#home_intro .slide2,
	#home_intro .flex-caption { height:280px;}
	
	#home_intro h1,
	#home_intro strong { font-size:22px; margin-top:2em;}
	#home_intro h2 { font-size:17px;}
	
	#home_intro .slide2 h1,	
	#home_intro .slide2 strong,
	#home_intro .slide2 h2,
	#home_intro .slide2 a.calltoaction { float:none; text-align:center;}
	
	h3 .ctasmall { font-size:11px; padding:8px 14px;}
	.h_testimonials .author_logo { width:80px;}
	
	.examples a { width:100%; margin:0 0 0.5em 0;}
	
	.h_news, .h_testimonials { width:auto; padding:0 0.5em 0 0.5em;}
	.news_title a { font-size:1em;}

	#page_intro h1	{ padding:0.2em 0 0.3em 0;}
	
	.client_logos li { width:50%;}
	.client_list li { width:100%; padding-right:0;}


	.enquiry_form,	
	.enquiry_intro,
	.office { width:100%; padding:0;}
	
	.enquiry_form label { width:100%;}
	.enquiry_form input[type="text"],
	textarea#comentarios, textarea#empleos { width:80%;}
	
	.staff			{ line-height:1.5;}
	.name			{ padding:0.1em 0 0 0;}
	.jobtitle		{ margin-top:-0.3em;}
.wrapper{margin:50px auto; width:80%; position:absolute; overflow:hidden; z-index:5; font-size:0.5em;}

#contacto1 input, textarea {width: 60%; padding:5px; color:#343434; background-color:#e0e0e0; border:1px solid #ff9900; margin: 5px 0; font:0.9em Arial, Helvetica, sans-serif; display:block;}
#contacto1 input[type="text"], #contacto1 input[type="tel"], #contacto1 input[type="email"], #contacto1 input[type="password"], #contacto1 input[type="url"] {  width:70%; margin:0 0 0.9em 0; /*-webkit-box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1);*/ border:1px #8d8d8d solid; margin:10px;}
#contacto1 .select {float:left; margin:10px; width:70%;  padding:5px 10px; -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/flecha_desplegable.jpg), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;}
#contacto1 .position{ width:90%;}
#contacto1 .map-tam{height:150px; width:280px;}
#contacto1 input.button { float:left; cursor:pointer; margin:1em 1em; font-size:1em; display:block; width:70%;}
#contacto1 input.submit { float:left; cursor:pointer; margin:1em 1em; font-size:1em; display:block; width:70%;}
#contacto1 input[type="button"]{width:70%; margin:0 0 0.9em 0; border:1px #8d8d8d solid; margin:10px;
background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
}

/* e.g. Smaller smartphones */
@media screen and (max-width: 320px)
{
	h1{text-align:center; font-size:1em; font-weight:bold;}
	h2{text-align:center; font-size:0.9em; font-weight:bold;}
	h5{ font-size:0.7em;}
	.span_1_of_3 h5{ float:right; font-size:0.7em;}
	.span_3_of_3 h5{ float:right; font-size:0.9em;}
.mobilenav select { font-size:0.8em;}
img { border:0; max-width: 100%; }
.wrapper{margin:-570px auto; width:80%; font-size:0.7em;}
#contacto1 input[type="text"], #contacto1 input[type="tel"], #contacto1 input[type="email"], #contacto1 input[type="password"], #contacto1 input[type="url"] {  width:70%; margin:0 0 0.9em 0; /*-webkit-box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1);*/ border:1px #8d8d8d solid; margin:10px;}
#contacto1 input, textarea {width: 60%; padding:5px; color:#343434; background-color:#e0e0e0; border:1px solid #ff9900; margin: 5px 0; font:0.9em Arial, Helvetica, sans-serif; display:block;}
#contacto1 .select {float:left; margin:10px; width:70%;  padding:5px 10px; -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/flecha_desplegable.jpg), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;}
#contacto1 .position{ width:90%;}
#contacto1 .map-tam{height:150px; width:210px;}
}