/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   Styles by @shogoki_vnz
   ========================================================================== */
@font-face {
  font-family: 'swis_bold';
  src: url('fonts/swisscb-webfont.eot');
  src: url('fonts/swisscb-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/swisscb-webfont.woff') format('woff'),
  url('fonts/swisscb-webfont.ttf') format('truetype'),
  url('fonts/swisscb-webfont.svg#swis721_cn_btbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'swis_normal';
  src: url('fonts/swissl-webfont.eot');
  src: url('fonts/swissl-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/swissl-webfont.woff') format('woff'),
  url('fonts/swissl-webfont.ttf') format('truetype'),
  url('fonts/swissl-webfont.svg#swis721_cn_btbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.trans{
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s;
  transition: all .5s ease-in-out;
}

body{
  background-color: #f2f2f2
}

header{
  background-color: #white;
  margin: 0 auto;
}

#menu_area{
  max-width: 60.25em;
  margin: 0 auto;
  position: relative
}

#logo{    
  position: absolute;
  float:none;
  width: 5em;
  left: 35%;
  bottom: -39px;
  background-color: #f2f2f2;
  border-bottom-right-radius: .625em;
  border-bottom-left-radius: .625em;
  padding: 0 .3em .2em .3em;
  z-index: 10;
  display: none
}

#logo img{
  width:100%
}

#menu{    
  margin: 0;
  border-bottom: solid 1px black;
  height: 4.125em;
  clear: both;
  height: auto
}

#menu_items{
	margin: 0 auto;
	/*max-width: 20em;	*/
  display: none
}

#menu .tope{
  height: 1.375em;
  background-color: #999999;
  margin: 0 auto;
  position: relative;
}

#menu .tope .flags{
  position: absolute;
  top: -3px;
  right: 20px;
}

#menu .tope .flags p {
  display: inline-block;
  float: left;
  margin: 6px 5px 0;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  font-family: "swis_normal", Arial, Helvtica;
}

#menu .tope .flags ul {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  background-color: #999999;
  border: 1px solid transparent;
  height: 22px;
  z-index: 2;
  overflow: hidden;
}

#menu .tope .flags ul li {
  float: left;
  display: block;
  padding: 0 5px;
  list-style: none;
}

#menu .tope .flags ul li:hover, #menu .tope .flags ul li.active {
  background-color: #666666;
}

#menu .tope .flags a {
  display: inline-block;
  border: 2px solid transparent;
  /*max-height: 19px;*/
}

/*#menu .tope .flags a:hover, #menu .tope .flags a.active{
  border: 2px solid #eeac04;
}   */

#menu .tope .flags hr{
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: rgba(0,0,0, .2);
  margin: -3px .2em;
}

#menu .tope #menu_opener{
  display: inline-block;  
}

#menu .tope #menu_opener img{  
  margin: 0 0 .2em .2em
}

#menu .menu_item{
  display: block;
  text-decoration: none;
  font-family: "swis_bold", Arial, Helvetica;
  text-align: center;
  letter-spacing: 0;
  /*width: 6.25em;*/
  padding: .875em 0;
  line-height: 1em;
  color: black;
  float: none;
  position: relative;
  font-size: .75em
}

#menu .menu_item:hover{
  background-color: #666666;
  color: white
}

#menu .menu_item .selected_menu{
  display: none;
  /*position: absolute;
  top: 0;
  left: .7em;*/
  width: 5em;
  height: .3125em;
  background-color: #fdcd0a;
  margin: -.9em auto .6em auto
}

#menu .menu_item.selected .selected_menu{
  display:block;
}


/**********************BANNERS********************/
#banners_area{
  text-align:center;
  overflow: hidden;
  background: white url(../img/bg_banners.jpg) repeat-x
}

#banners_visor{
  max-width: 60.25em;
  margin: 0 auto;
  text-align: center;
  overflow: hidden
}

#banners_wrap{
  width: 302em
}

#banners_wrap .banner{
  float:left;
  text-align: left
}

#controls_area{  
  background: #7c7c7c url(../img/bg_banners_footer.jpg) repeat-x;
  border-bottom: .3125em solid #feca00
}

#controls_wrap{
  position: relative;
  max-width: 60.25em;
  text-align:center;
  margin: 0 auto
}

#banners_controls{
  max-width: 18em;
  margin: 0em auto;
  padding: 1em 0
}

#banners_controls a{
  display: inline-block;
  width: 2.75em;
  height: .625em;
  background-color: white;
  border: 1px solid black;
  margin: 0 .2em
}

#banners_controls a:hover, #banners_controls a.selected{
  background-color: #f8ae00
}

#play_controls{
  position: absolute;
  right: .5em;
  top: 1em
}

#play_controls #play{
  display: inline-block;
  width: 1em;
  height: .6875em;
  background: transparent url(../img/slider_controls.png) 0 -.6875em no-repeat
}

#play_controls #play:hover, #play_controls #play.selected{
  background-position: 0 0;
}

#play_controls #pause{
  display: inline-block;
  width: .9375em;
  height: .6875em;
  background: transparent url(../img/slider_controls.png) 0 -2.75em no-repeat
}

#play_controls #pause:hover, #play_controls #pause.selected{
  background-position: 0 -2.0625em;
}

#banners_wrap .banner{
  position: relative;
  text-align: center
}

#banners_wrap .banner .copy{
  position: absolute;
  top: 3.75em;
  left: 1em;
  font-family: "swis_normal", Arial, Helvtica;
  line-height: 2.7em;
  text-align: left
}

#banners_wrap .banner .copy h1{
  color: #eeac04;
  font-size: 2.5em;
  font-weight: normal;
  margin: 0
}

#banners_wrap .banner .copy h2{
  font-size: 1.3125em;
  color: #0262a8;
  max-width: 13em;
  font-weight: normal;
  margin: 0;
  line-height: 1em
}

#banners_wrap .banner .copy h2.gray{
  font-size: 1.3125em;
  color: #777777;
}

#banners_wrap .banner .copy h2.s144{
  max-width: 9em
}

#banners_wrap .banner .copy p{
  margin: .5em 0 0 0;
  font-size: 1.1875em;
  color: black;
  line-height: 1.2em;
  max-width: 18em
}

#banners_wrap .banner .copy .ligth_blue21{
  color: #77a7cF;
  font-size: 1.3125em;
  max-width: 15em
}

#banners_wrap .banner img{
  margin: 0 auto;
}

#banners_wrap .banner .copy.velocidad h2 {
  margin-bottom: -.5rem;
  font-weight: bold;
}

#banners_wrap .banner .copy.velocidad p {
  font-weight: bold;
  color: #666666;
  max-width: 16em
}

/**********************HOME ITEMS*********************/

#home_items_area{
  max-width: 60.25em;
  margin: 1em auto;
  overflow: hidden
}

#home_items_area .home_item{
	  width: 19.0625em;
	  float: none;
	  margin: .5em auto;  
}

#home_items_area .home_item img{
	  float: left;
}

#home_items_area .home_item .copy{
  float: left;
  letter-spacing: 0;
  width: 13.5em;
  height: 10.875em;
  padding: 0 0 0 .8em;
  position: relative
}

#home_items_area .home_item .copy p{
  font-family: Arial, Helvetica;
  font-size: .875em;
  color: #777777;
  line-height: 1.2em;
  margin: .5em 0
}

#home_items_area .home_item .copy h1{
  font-family: "swis_bold", Arial, Helvetica;
  font-size: 1.375em;
  font-weight: normal;
  margin: 0;
  color: #333333
}


#servicios_home{
	max-width: 60.25em;
	margin: 0 auto -1em auto;
  padding: 0 1em
}

.ver_mas{
	display: inline-block;
	font-family: "swis_bold", Arial, Helvetica;
	font-size: .75em;
	text-decoration: none;
	color: #4d4d4d
}

.ver_mas:hover{
	color: black
}

.ver_mas img{
	margin-right: .3em;
	float: left
}

.ver_mas span{
	margin-top: .1em;
	float: right
}

#servicios_home h2{
	font-family: "swis_bold", Arial, Helvetica;
	font-weight: normal;
	font-size: 1.375em;
	letter-spacing: 0;
	color: #333333;
	margin: 1em 0 .5em 0;
}

#collage_holder{
	margin: .5em auto;
	background: transparent url(../img/home/collage_bg.png) bottom center no-repeat;
	padding-bottom: 1em	
}

#collage_holder .collage_item{
	width: 50%;	
	float: left
}

#collage_holder .collage_item a{
	position: relative
}

#collage_holder .collage_item a:hover .blank{	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.6)";
	filter: alpha(opacity=60);
	opacity: .6
	
}

#collage_holder .collage_item .blank{
	position: absolute;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0
}

#collage_holder .collage_item img{
	width: 100%
}

#client_service_home{
	max-width: 19em;
	margin: 2em auto;
}

#client_service_home .client_service a{
	display: inline-block;	
	text-decoration: none
}

#client_service_home .client_service a img{
	float:left
}

#client_service_home .client_service a span{	
	margin: .5em;
	font-family: "swis_bold", Arial, Helvetica;
	font-size: 1.375em;
	letter-spacing: 0;
	color: #333333;
	float:right;
}

#client_service_home  .client_service div{
	font-family: Arial;
	font-size: 0.875em;
	color: 	#777777;
	float:none;
	margin: 0 auto;
}

#client_service_home  .client_service div span{	
	margin-right: .5em;
}

/***************************************Sect Defaults ************************/
.conocemas{
  display: block;
  width: 6.5em; 
  border: 1px solid #666666;
  font-family: "swis_bold", Arial, Helvetica;
  font-size: .75em;
  text-align: center;
  border-radius: .5em;
  color: #666;
  text-decoration: none;
  padding: .2em 0;
  margin: 1.5em 0 0 0;
  background-image: linear-gradient(top, rgba(255,255,255,0),rgba(255,255,255,0), rgba(209,208,208,.3),rgba(208,208,208,1));
    background-image:-webkit-linear-gradient(top, rgba(255,255,255,0),rgba(255,255,255,0), rgba(209,208,208,.3),rgba(208,208,208,1));
      background-image: -moz-linear-gradient(top, rgba(255,255,255,0),rgba(255,255,255,0), rgba(209,208,208,.3),rgba(208,208,208,1));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,0),rgba(255,255,255,0), rgba(209,208,208,.3),rgba(208,208,208,1));
          background-image: -o-linear-gradient(top, rgba(255,255,255,0),rgba(255,255,255,0), rgba(209,208,208,.3),rgba(208,208,208,1));
  position: static;
  float: right
}

#sect_top{
  max-width: 60.25em;
  margin: .5em auto -1.5em auto
}

#sect_top .nav{
  color: #666;
  margin-left: .3em
}

#sect_top .nav a{
  font-family: Arial;
  font-size: .625em;
  text-decoration: none;
  color: #666
}

#sect_top .nav a:hover{
  color: black
}

#sect_top .nav span{
  font-size: .625em
}

#sect_top .icon{
  font-family: "swis_bold", Arial, Helvetica;
  font-size: 1.375em;
  text-align: center
}

#sect_top .icon p{
  margin: .3em auto 0 auto
}

.sep{
	max-width: 60.25em;
	margin: 2em auto 1em auto
}

.sep.vertical{
  margin-bottom: 1em
}

hr{
	/*background-color: #b3b3b3;*/
	border-color: #b3b3b3;
	margin-bottom: -.8em
}

.sep .colors_blocks{
	max-width: 28.125em;
	margin: 0 auto -1em auto;
  position: relative
}

.sep.vertical .colors_blocks{
  max-width: 3.125em;
  margin-bottom: -1.8em
}

.sep .colors_blocks div{
	width: 3.125em;
	height: 0.4375em
}

.sep .colors_blocks .b_orange{
	background-color: #FDC900;
	float:left
}

.sep .colors_blocks .b_gray{
	background-color: #E6E6E6;
	float: right
}

.sep .colors_blocks .vertical{
  float:none
}

.sep.vertical .colors_blocks .b_gray{
  width: 1.5625em;
  margin: .3em auto 0 auto
}

#sect_cont1{
  /*max-width: 55.9375em;*/
  max-width: 60.25em;
  margin: 0 auto;
  line-height: 1.5em
}

#sect_cont1 #copy_top {
  padding: 0 2em;
}

#sect_cont1 #copy_top .left{
  float:left;
  max-width: 39em
}

#sect_cont1 #copy_top .left h2{
  font-family: "swis_normal", Arial, Helvetica;
  color: #1462ab;
  font-size: 1.375em;
  font-weight: normal
}

#sect_cont1 #copy_top .right{
  float: none;
  margin: .3em auto;
  text-align: center
}

#sect_footer{
  max-width: 60.25em;
  margin: 0 auto
}

#sect_footer .tabs_holder{
  width: 18em;
  float: none;
  font-family: Arial;
  color: #777;
  margin: 0 auto
}

#sect_footer .tabs_holder .tabs .tab{
  padding: .625em;
  float: left;
  border: 1px solid #ccc;
  border-bottom: 1px solid white;
  text-decoration:none;
  font-weight:bold;
  background-color: #e7e8e8;
  color: black;
  font-size: .75em;
  width: 6.5em
}


#sect_footer .tabs_holder .tabs .tab.selected{
  background-color: white
}

#sect_footer .tabs_holder .tabs .tab.selected.blue{
  color: #0061A8
}

#sect_footer .tabs_holder .tabs .tab.selected.red{
  color: #ec2028
}

#sect_footer .tabs_holder .tabs_content{
  background: transparent url(../img/tabs/tabs_bg.png) bottom center no-repeat;
  padding: 0 0 .9375em 0;
  overflow: hidden;
  background-size: contain
}

#sect_footer .tabs_holder .tabs_content .content{
  background-color: white;
  display: none;
  line-height: 1em
}

#sect_footer .tabs_holder .tabs_content .content.selected{
  display: block
}

#sect_footer .tabs_holder .tabs_content .content div{
  float: left;
  width: 23em;
  max-width: 23em;
  font-size: .75em;
  margin: .1em 0 0 .5em
}

#sect_footer .tabs_holder .tabs_content .content div p span{
  float: left;
  margin: .5em 0 0 0;
  height: 80px;
  display: none
}

#sect_footer .tabs_holder .tabs_content .content div a{
  margin: -.5em 0 .5em 0;
  font-size: .875em
}

#sect_footer .tabs_holder .tabs_content .content img{
  float: right;
  display: none
}

#mini_banner{
  background: #e7e8e8 url(../img/minibanner_bg.png) top right no-repeat;
  width: 18em;
  float: none;
  padding-bottom: 1.3em;
  padding-top: .3em;
  margin: 1em auto
}

#mini_banner a{
  text-decoration: none;
  font-family: "swis_bold", Arial;
  font-size: 1.125em;
  color: #75a7d2;
  font-weight: normal;
  display: block;
  margin: 1.3em 0 0 1.3em
}

#mini_banner a.twitter{
  color: #75a7d2
}

#mini_banner a.facebook{
  color: #1462ab
}

#mini_banner a.formulario{
  color: #f0b310
}

#mini_banner a .pluss{
  font-weight: bolder
}

#mini_banner a .detail{
  color: #b7b7b7;
  font-size: .666em
}

#mini_banner hr{
  background: transparent url(../img/minibanner_hr_bg.jpg) center center no-repeat;
  border: none;
  height: .4375em
}

#phones_sect_footer{
  max-width: 38em;
  font-family: "swis_normal", Arial;
  color: #999;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0 auto
}

#phones_sect_footer div{
  float: none;
  text-align: center;
  margin: 0 auto
}

#phones_sect_footer div.right{
  float: none
}

#phones_sect_footer div p span{
  color: #eeac04;
  font-size: 1.125em;
  font-weight: bold
}

#phones_sect_footer div img{
  margin-top: .5em
}

.form_field_err{
  border: 1px solid red !important
}

/*********************************GOLDDATA************************************/
#golddata_items{
  margin: 2em auto;
  position: relative
}

#golddata_items .item{
  float: none;
  margin: 0 .5em 2em .5em;
  position: relative;
}

#golddata_items .item img{
  float: left
}


#golddata_items .item .copy{
  float: none;
  margin: 0 0 0 2em;
  width: auto
}

#golddata_items .item .copy h2{
  font-family: "swis_bold", Arial, Helvetica;
  font-weight: normal;
  font-size: 1.375em;
  color: #333;
  margin: 0 0 .5em 0
}

#golddata_items .item .copy p, #golddata_items .item .copy ul{
  font-family: Arial;
  font-size: .875em;
  color: #777;
  margin: 0;
  line-height: 1.2em
}

#golddata_items .item .copy p span{
  display: block;
  border: 2px solid #eeac04;
  color: #777;
  margin-top: .8em;
  padding: .5em
}

#golddata_items .item .copy p span span{
  border: none;
  color: #eeac04;
  margin: 0;
  padding: 0
}

#golddata_items .item .copy ul{  
  padding: 0 
}

#golddata_items .item .copy h2.gray6{
  margin-bottom: 0
}

#golddata_items .item .copy h2.gray6 span{
  font-size: .54em;
  margin-right: .5em
}

#golddata_items .item .copy p a{
  text-decoration: none
}

#golddata_items .item .copy p a.facebook{
  color: #77a7cf !important
}

#golddata_items .item .copy p a.mail{
  color: #666;
  font-size: 1.2857em
}
/*********************************CONTACTOS***********************************/
#sect_cont1.contact_sect{
  max-width: 60.25em
}

.azul{
  color: #1462ab !important
}

.gray6{
  color: #666 !important
}

#contact_form_holder{
  background-color: #eeac04;
  width: 100%;
  margin-top: 1em;
  text-align: left
}

#contact_form{
  padding: 1em
}

#contact_form label{
  color: #666;
  font-family: Arial;
  font-size: .75em;
}

#contact_form .radio_label{
  color: #666 !important;
  font-family: Arial;
  font-size: .75em !important;
  clear:both; 
  margin: .5rem 0 !important; 
  text-align:left
}

#contact_form .radio_item{
  float: left;
  margin: 0 .5rem .2rem;
}

#contact_form .state_select{
  display: block;
  color: #333;
  font-family: Arial;
  font-size: .75em;
  width: 100%;
}

#contact_form input[type="text"]{
  color: #333;
  font-family: Arial;
  font-size: .75em;
  border: none;
  width: 100%;
  height: 1.5em;
  padding-left: .3em
}

#contact_form .direction_text{
  height: 3em;
}

#contact_form textarea{
  font-size: .75em;
  color: #333;
  width: 98%;
  height: 8.9166em;
  border: none;
  padding-left: .3em
}

#contact_form #submit_form{
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1.5em;
  font-family: "swis_bold", Arial;
  font-weight: normal;
  font-size: .75em;
  color: #333;
  text-decoration: none;
  background-image: linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
    background-image:-webkit-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
      background-image: -moz-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
        background-image: -ms-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
          background-image: -o-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
}

#contact_form #submit_form:hover{
  background-image: linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
    background-image:-webkit-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
      background-image: -moz-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
        background-image: -ms-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
          background-image: -o-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
  color: white
}

iframe{
  max-width: 96% !important;
  float: none;
}

#golddata_items .item.contacto{
  max-width: 14em;  
  margin: 0 auto 2em
}

#golddata_items .item.contacto_form{
  float: none;
  position: static;  
  max-width: 36em;
  padding: 0 1em;
  text-align: center;
  margin: 0 auto 2em
}

#golddata_items .item.contacto_form img{
  display: none
}

#golddata_items .item.contacto_form .copy{
  width: 13.75em%;
  margin: 0;
}

/*************************************ATTENTION*******************************/

#attention_items{
  margin: 2em auto;
  max-width: 53.25em;
}

#attention_items .channel{
  max-width: 42em;
  margin: 0 auto;
  padding: 0 .5em
}

#attention_items .channel .copy{
  float: none;
  border: 1px solid #CDCCCC;
  border-bottom: none;  
  background-color: #FEC932;
  background-image: none;
  max-width: 95%;
  line-height: 1em;
  padding: .5em 1em;
  height: auto
}

#attention_items .channel .copy span{
  float: left;  
  margin: -1.5em 0 0em 0;
  display: none
}

#attention_items .channel .copy p{
  font-family: Arial, Helvetica;
  color: #777;
  margin: 0;
  font-size: .875em;
  clear: both;;
}

#attention_items .channel .copy p.title{
  font-family: "swis_bold", Arial, Helvetica;
  color: #333;
  font-size: 1em;
  clear: both;
  margin-top: .5em
}

#attention_items .channel #form_holder{
  float: none;
  border: 1px solid #CDCCCC;    
  background-color: #ffffff;
  max-width: 100%;
  padding: .9em 1em 0em .5em;
  height: auto
}

#attention_items .channel #form_holder .field{
  /*float: left; */ 
  width: 100%;/*width: 11em;*/
  margin-bottom: .5em;
  clear: both;
}

#attention_items .channel #form_holder label, #attention_items .channel #form_holder p{
  font-size: .75em;
  font-family: Arial, Helvetica  
}

#attention_items .channel #form_holder .field label, #attention_items .channel #form_holder .textarea_holder label{
  display: block;
  margin-bottom: -.5em
}

#attention_items .channel #form_holder .textarea_holder label{
  margin-bottom: 0
}

#attention_items .channel #form_holder .field input[type='text']{
  /*margin-left: 1em;*/
  /*width:12.5em*/
  width: 100%;  
}

#attention_items .channel #form_holder .state_select{
  width: 100%;  
  color: #333;
  font-size: .75em;
  line-height: .75em;
  font-family: Arial, sans-serif;
  margin-left: 0;
}

#attention_items .channel #form_holder input[type='text'], #attention_items .channel #form_holder textarea{  
  border: 0;
  color: #333;
  font-size: .75em;
  line-height: .75em;
  height: 1.5em;
  font-family: Arial, sans-serif;
  background-color: #e7e8e8;
  margin-left: 0;
}

#attention_items .channel #form_holder .radios_holder{
  text-align: center
}

#attention_items .channel #form_holder .radios_holder .radio_item{  
  display: inline-block;
  margin: 0 .5em;
}

#attention_items .channel #form_holder .textarea_holder{
  float: none;
}

#attention_items .channel #form_holder textarea{  
  height: 53px;
  width: 100%
}

#attention_items .channel #form_holder #submit_form{
    float: none;
    display: block;
    text-decoration: none;
    background: #FEC932;
    font-family: "swis_bold", Arial, Helvetica;
    color: #333;
    font-size: .75em;
    padding: .5em .5em;
    margin: 1em auto;
    text-align: center
}

#attention_items .channel #form_holder #submit_form:hover{
  background-color: #333;
  color: white  
}

#attention_items .channel .image_holder{
  float: left;
  border: 1px solid #CDCCCC;    
  border-left: none;
  border-right: none;
  display: none
}

#attention_items .assits{
  margin: 1em .5em;
  padding: 1.5em .5em .5em .5em;
  background-color: #e7e8e8;
  max-width: 42em
}

#attention_items .assits .title{
  font-family: "swis_bold", Arial;
}

#attention_items .assits .field{
  float: none;
  margin: .5em auto;
  max-width: 30em
}

#attention_items .assits .field label{
  font-size: .75em;
  display: block;
  margin-bottom: -.5em;
}

#attention_items .assits .field input[type='text'], #attention_items .assits .field textarea{
  border: 0;
  font-size: .75em;
  height: 1.5em; 
  margin-top: .5em;
  width: 95%;
  border: 1px solid white
}

#attention_items .assits .field textarea{  
  margin-bottom: 1em;
  height: 5em;
}

#attention_items .assits #submit_assis_form{
  clear: both;
  display: block;
  width: 17.5625em;
  text-align: center;
  margin: 1.5em auto;
  font-family: "swis_bold", Arial;
  font-weight: normal;
  font-size: .75em;
  color: #333;
  text-decoration: none;
  background-image: linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
    background-image:-webkit-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
      background-image: -moz-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
        background-image: -ms-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
          background-image: -o-linear-gradient(top, rgba(245,246,247,1),rgba(237,238,239,1), rgba(221,222,223,1),rgba(210,210,209,1));
}

#attention_items .assits #submit_assis_form:hover{
  background-image: linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
    background-image:-webkit-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
      background-image: -moz-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
        background-image: -ms-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
          background-image: -o-linear-gradient(top, rgba(52,52,51,1),rgba(52,52,51,1), rgba(52,52,51,1),rgba(52,52,51,1));
  color: white
}

/***********************************SERVICIOS*********************************/
#servicios_top_menu{
  text-align: center;
  margin: -1em auto 0 auto
}

#servicios_top_menu a{
  color: #777777;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: .8125em;
  text-align: center;
  display: inline-block;
  margin: 0 .5em
}

#servicios_top_menu a:hover, #servicios_top_menu a.selected{
  color: #333
}

#servicios_top_menu a span{
  display: block;
  background-color: #e6e6e6;
  margin: 0 auto .2em auto;
  width: 1.9230em;
  height: .4375em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.0)";
	filter: alpha(opacity=0);
	opacity: 0
}

#servicios_top_menu a.selected span{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=100);
	opacity: 1
}

#servicios_cont{
  padding: 0 .5em;    
  max-width: 45em;
  margin: 0 auto
}

#servicios_cont #serv_home .servicio{
  float: none;
  cursor: pointer;
  position: relative;  
  margin: 0 auto 1em auto;
  max-width: 35em
}

#servicios_cont #serv_home .servicio .copy{
  float: left;
  max-width: 100%;
  border: solid 1px #DCDDDE;  
  height: 13.25em;      
  position: relative;
  background-color: white;
}

#servicios_cont #serv_home .servicio .copy .title{
  font-family: "swis_bold", Arial;
  font-size: 1.125em;
  clear: both;
  color: #333;
  line-height: 1em
}

#servicios_cont #serv_home .servicio .copy .desc{
  font-family: Arial;
  color: #777;
  font-size: .75em;
  line-height: 1em;  
  font-weight: bold;
  text-align: left;
}


#servicios_cont #serv_home .servicio .copy .plus{
  position: absolute;
  bottom: .5em;
  right: 1em;
}

#servicios_cont #serv_home .servicio .copy .solapa{
  position: absolute;
  right: 1em;
  top: -.3em;
  display: none
}

#servicios_cont #serv_home .servicio .serv_img{
  float: left;
  display: none
}

/*****************Int_dedicado************************/

#servicios_cont #serv_home #int_dedicado{
  text-align: center;  
}

#servicios_cont #serv_home #int_dedicado .copy {        
  background-image: linear-gradient(left, rgba(236,237,237,1), 
                                          rgba(247,248,248,1));
    background-image:-webkit-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
      background-image: -moz-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
        background-image: -ms-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
          background-image: -o-linear-gradient(left, r
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
}

#servicios_cont #serv_home #int_dedicado .copy .logo{
  float: none;
  margin: 1em auto -.5em auto
}

#servicios_cont #serv_home #int_dedicado .copy .desc{  
  margin: -1em 2em
}

/*****************Transporte************************/
#servicios_cont #serv_home #transporte{
  text-align: center;  
}

#servicios_cont #serv_home #transporte .copy{
  margin: 0;    
}

#servicios_cont #serv_home #transporte .copy .logo{
  float: none;
  margin: 1em auto -.5em auto
}

#servicios_cont #serv_home #transporte .copy .title{
  margin-left: 0;
  text-align: center;
  font-size: 1em
}

#servicios_cont #serv_home #transporte .copy .desc{
  margin: -.5em 1.5em;
  text-align: left;
}

/*****************Ultima_milla************************/
#servicios_cont #serv_home #ultima_milla{
  text-align: center;  
}

#servicios_cont #serv_home #ultima_milla .copy .logo{
  float: none;
  margin: 1.5em auto 0em auto
}

#servicios_cont #serv_home #ultima_milla .copy .title{
  margin-left: 1em;
  text-align: left;
}

#servicios_cont #serv_home #ultima_milla .copy .desc{
  margin: 0 2em 0 1.3em;
  text-align: left;
}

/*****************Hospedaje************************/

#servicios_cont #serv_home #hospedaje .copy {  
   background-image: linear-gradient(left, rgba(236,237,237,1), 
                                          rgba(247,248,248,1));
    background-image:-webkit-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
      background-image: -moz-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
        background-image: -ms-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
          background-image: -o-linear-gradient(left,
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
}

#servicios_cont #serv_home #hospedaje .copy .subcopy{
  font-family: "swis_bold", Arial;
  font-size: 1em;
  clear: both;
  color: #333;
  line-height: 1em;
  margin: 1em auto;
  text-align: center
}

#servicios_cont #serv_home #hospedaje .copy .title{
  text-align: center;
  margin: 1.5em auto .8em auto;
  font-size: 1em;
}

#servicios_cont #serv_home #hospedaje .copy .desc{
  margin: .5em 1em;
}

/*************************************IPV6***************************/
#servicios_cont #serv_home #ipv6 .copy {        
  background-image: linear-gradient(left, rgba(236,237,237,1), 
                                          rgba(247,248,248,1));
    background-image:-webkit-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
      background-image: -moz-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
        background-image: -ms-linear-gradient(left, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
          background-image: -o-linear-gradient(left, r
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
}

#servicios_cont #serv_home #ipv6 > .plus {
  display: none;
  position: absolute;
  bottom: 9px;
  right: 7px;
  border: 0;
}
    

#servicios_cont #serv_home #ipv6 .copy .title {
  text-align: center;
  margin-top: 50px;
}

#servicios_cont #serv_home #ipv6 .copy .desc {
  line-height: 1.3;
  margin: -1em 2em;
}

/*************************************Services TABS***************************/
#servicios_cont .serv_tabs{
  display: none;
}

#servicios_cont .serv_tabs .tabs{
  float: left
}

#servicios_cont .serv_tabs .tab{
  display: none;
  float: left;
  width: auto;
  background-color: white;
  border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
  font-size: .75em;
  padding: 1em .5em;
  color: #666;
  text-decoration: none;  
  background-image: none;
  margin: 0em;  
  border-bottom: 0;
}

#servicios_cont .serv_tabs .tab span{
  display: block;
}

#servicios_cont .serv_tabs .tab img{
  display: none;
  max-width: 12.3846em
}

#servicios_cont .serv_tabs .tabs .tab.selected{    
  margin-left: 0;
  background-image: linear-gradient(top, rgba(236,237,237,1), 
                                          rgba(247,248,248,1));
    background-image:-webkit-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
      background-image: -moz-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
        background-image: -ms-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
          background-image: -o-linear-gradient(top, r
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
}

#servicios_cont .serv_tabs .tabs .tab.selected span{
  display: block;
  color: #1462ab;
}

#servicios_cont .serv_tabs .tabs .tab.selected img{
  display: none;
}

#servicios_cont .serv_tabs .tabs_content{
 float: left; 
 max-width: 44.375em;
 border: 1px solid #ccc;;
 min-height: 26em;
 background-image: linear-gradient(top, rgba(236,237,237,1), 
                                          rgba(247,248,248,1));
    background-image:-webkit-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
      background-image: -moz-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
        background-image: -ms-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
          background-image: -o-linear-gradient(top, r
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
}

#servicios_cont .serv_tabs .tabs_content .content{
  background-color: white;
  background-image: linear-gradient(top, rgba(236,237,237,1), 
                                          rgba(247,248,248,1));
    background-image:-webkit-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
      background-image: -moz-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
        background-image: -ms-linear-gradient(top, 
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
          background-image: -o-linear-gradient(top, r
                                                rgba(236,237,237,1), 
                                                rgba(247,248,248,1));
  display: none;
  line-height: 1em;
  position: relative;  
}

#servicios_cont .serv_tabs .tabs_content .content.selected{
  display: block
}

#servicios_cont .serv_tabs .tabs_content .content .solapa{
  position: absolute;
  top: -.5em;
  right: 1em
}

#servicios_cont .serv_tabs .tabs_content .content div{
  margin: 5.1428em auto;
  padding: 0 2.28em;  
  font-size: .875em;
}

#servicios_cont .serv_tabs .tabs_content .content div .list{
  color: #777;
  float: left;
  width: 100%;
  margin: .5em 0;
}

#servicios_cont .serv_tabs .tabs_content .content div .list span{
  color: #000;
  display: block;
}

#servicios_cont .serv_tabs .tabs_content .content div hr{
  margin: .5em auto;
  clear: both;
  border: 0;
  background: url(../img/servicios/tabs/hr.png) center center no-repeat;
  height: 3px
}

#servicios_cont .serv_tabs .tabs_content .content div h2{
  font-size: 1.8571em;
  color: #1462ab;
  font-family: "swis_normal", Arial;
  font-weight: normal;
  line-height: 1em
}

#servicios_cont .serv_tabs .tabs_content .content div h2.black22{
  font-family: "swis_bold", Arial;
  font-size: 1.5714em;
  color: #333;  
}

#servicios_cont .serv_tabs .tabs_content .content div .cont_img{
  text-align: center;
  max-width: 45.8571em;
  margin: 2em auto;
  display: block;
}

#servicios_cont .serv_tabs .tabs_content .content div .cont_img img{
  max-width: 100%;
  height: auto;
}

/***************************************COBERTURA*****************************/
.map_holder{
  background: #1462ac url(../img/cobertura/maps_bg.jpg) center center repeat-y;
  padding: 1em;
  margin: 0 auto 2em auto
}

.blue__bg {
  width: 100%;
  background: #1462ac url(../img/cobertura/maps_bg.jpg) center center repeat-y;
  padding: 2rem 0;
  margin-top: -2rem;
}

#int_map {
  position: relative;
}

.int_legend {
  position: relative;
  background-color: #0061A8;
  border: 1px solid white;
  width: 17.375rem;
  height: 20.75rem;
  margin: 2rem auto;
  z-index: 10;
}

.legend_left,
.legend_right  {
  float: left;
  width: 9rem;
  border-right: 1px solid white;
  margin: 1rem 0;
  padding: 0 .5rem 0 .6rem;
}

.legend_right {
  width: 6rem;
  border-right: none;
  padding: 0 0 0 1rem;
}

.legend_countries {
  color: white;
  font-family: "swis_normal", Arial, Helvetica;
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: .6rem;
  line-height: 1.5;
}

.legend_countries h1 {
  font-family: "swis_bold", Arial, Helvetica;
  font-weight: normal;
  font-size: 0.875rem;
  margin: 0;
}

.legend_countries p {
  margin: 0
}

#int_map .holder{
  position: absolute;
  max-width: 60.25em;
  margin: 0 auto;
  z-index: 5;
}

#int_map .holder img{
  width: 100%
}

#nat_map_copy{
  max-width: 60.25em;
  margin: 1em auto 0 auto
}

#nat_map_copy h2{
  font-family: "swis_normal", Arial, Helvetica;
  /*color: #1462ab;*/
  color: white;
  font-size: 1.375em;
  font-weight: normal;
  padding: 0 1.21em
}

#nat_map_copy p{
  /*color: #777;*/
  color: white; 
  font-size:.875em; 
  margin: -1em auto 1em auto;
  padding: 0 2em
}

#nat_map #wrap{
  max-width: 55em;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

#nat_map #wrap #menu_holder{
  float: left;
  width: 20em;
  position: relative;
  display: none;
}

#nat_map #wrap #menu_holder .menu{
  border: 1px solid white;
  position: relative;
  padding: 1em;
  width: 8em;
  text-align: center
}

#nat_map #wrap #menu_holder .prox_copy{
  font-size: .75em;
  color: #f6ab04;
  margin: .5em 0;
  font-weight: bold
}

#nat_map #wrap #menu_holder .menu a{
  text-decoration: none;
  color: #004579;
  font-size: .75em;
  display: block;
  margin: 0 0 .8em 1em;
  text-align: left;
  font-weight: bold;
  position: relative;
  z-index: 10
}

#nat_map #wrap #menu_holder .menu a:hover{
  color: #005fa3
}

#nat_map #wrap #menu_holder .menu a.prox{
  color: #f6ab04;
}

#nat_map #wrap #menu_holder .menu #hover_bar{
  position: absolute;
  top: 0;
  left: 1em;
  width: 7.9375em;
  height: 1.5625em;
  background: transparent url(../img/cobertura/mapa_nacional/barra.png) 0 0 no-repeat
}

#nat_map #wrap #menu_holder .menu hr{
  border-color: white;
  margin: 1em 0
}

#nat_map #wrap .holder{
  float: none;
  position: relative;
  margin: 1em auto;
  width: 35em;
  display: none
}

#nat_map #wrap #menu_holder .states_areas{
  position: absolute;
  top: 0;
  left: 10.5em;
  color: white;
  font-weight: bold;
  display: none
}

#nat_map #wrap #menu_holder .states_areas p{
  font-size: .75em
}

#nat_map #wrap .holder #svg_map_bg svg{
  position: relative !important;
  left: -2.25em !important;
  top: 0 !important 
}

#nat_map #wrap .holder #svg_map_bg svg svg{  
  left: 0 !important;  
}

#diag_holder{
  display: none;
}

#dialog #state_info{
  color: white;
}

.ui-widget {
  font-size: 12px !important;
}

.custom_diag{
  background: transparent url(../img/cobertura/maps_bg.jpg) top left repeat-y !important;
  font-family: "swis_normal", Arial !important;
  font-size: .8em !important;
  border: 2px solid white !important;
  border-radius: 0 !important;
}

.custom_diag .ui-dialog-titlebar{
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px white solid !important;
  background: transparent !important;
  color: white !important;
  font-weight: normal !important;
  font-family: "swis_bold", Arial !important;
}

.ui-widget-overlay {
  background: transparent url(../img/cobertura/maps_bg.jpg) top left repeat-y !important;
}

#accordion{
  display: block;
  clear: both;
  border: 2px solid white;
  font-size: 1em !important
}

#accordion .ui-accordion-header{
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px white solid !important;
  background: transparent !important;
  color: white !important;
  font-weight: normal !important;
  font-family: "swis_bold", Arial !important;
}

#accordion .states_areas{
  background: transparent url(../img/cobertura/maps_bg.jpg) top left repeat-y;
  font-family: "swis_normal";  
  border: 0 !important;
  border-bottom: 1px solid white !important;
  border-radius: 0 !important;
  color: white;
}

#accordion .ui-accordion-header.prox{
  color: #f6ab04 !important;
}

.prox_copy_only{
  color: #f6ab04;
  display: block;
}

/************************************EQUIPOS**********************************/
#equipos_items{
  margin: 2em auto;
  position: relative
}

/*************Defaults****************/
#equipos_top_menu{
  text-align: center;
  margin: -1em auto 0 auto
}

#equipos_items .top p{
  font-family: "swis_bold", Arial;
  color: white;
  font-size: 1.5em;
  margin: .5em 1.5em;
  display: block
}

#equipos_items .img, #equipos_items .arrow, #equipos_items .arrow_small{
  display: none;
}

#equipos_items .arrow{
  position: absolute;
  bottom: 0;
  right: 0
}

#equipos_top_menu a{
  color: #777777;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: .8125em;
  text-align: center;
  display: inline-block;
  margin: 0.5em
}

#equipos_top_menu a:hover, #equipos_top_menu a.selected{
  color: #333
}

#equipos_top_menu a span{
  display: block;
  background-color: #e6e6e6;
  margin: 0 auto .2em auto;
  width: 1.9230em;
  height: .4375em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.0)";
  filter: alpha(opacity=0);
  opacity: 0
}

#equipos_top_menu a.selected span{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=100);
  opacity: 1
}


#antenas_top_menu a:hover, #antenas_top_menu a.selected{
  color: #333
}

#equipos_items .equipos_box .copy .item a span{
  background: black url(../img/equipos/arrows.png) 0 0 no-repeat;
}

#equipos_items .equipos_box{
  background-repeat: no-repeat;
  background-position: 46.5em center;
  max-width: 43em;
  margin: 2em auto;
  position: relative;
}

#equipos_items .equipos_box .img .sect_title{
  font-family: "swis_bold", Arial;
  color: white;
  font-size: 1.3em;
  margin: 3em auto;
  max-width: 95%;
}

#equipos_items .equipos_box .copy{
  background-color: white; /*#E6E6E6*/
  color: #808080;
  font-family: "swis_normal", Arial;  
  border: 1px solid #E6E6E6;  
  width: 100%;
  max-width: 50em;
}

#equipos_items .equipos_box .copy .item a{ 
  color:black;
  margin: 1em 0 0 0em;
}

#equipos_items .equipos_box .copy .pestania{
  position: absolute;
  top: -.5em;
  right: 1em
}

#equipos_items .equipos_box .copy .arrow_small{
  position: absolute;
  right: -.8em;
  top: 4.3em
}

#equipos_items .equipos_box .copy  hr{
  margin: 2em 3em 0;
  text-align: left
}

#equipos_items .img{
  float:left;  
  position: relative;  
  text-align: center;
  width: 10em
}

#equipos_items .dowpdf{
	display: block;
	position: relative;
	font-size: .7142em;
	font-family: Arial;
	text-decoration: none;	
	height: 2em;
	text-indent: 2.3em;
	margin-top: .8em;
	max-width: 14em
}

#equipos_items .dowpdf:hover{
	color: #333 !important;
}

#equipos_items a span{
	display: inline-block;
	width: 1.7em;
	height: 1.6em;	
	margin-right: .5em;
	position: absolute;
	left: 0;
}

#equipos_items .title{  
  font-family: "swis_bold", Arial;
  margin: 1.5em auto -.8em auto;
  color: #333
}

#equipos_items  .copy{
  float:left;
  font-size: .875em;
  font-family: "swis_normal", Arial;
  line-height: 1.3em;
  position: relative;
}

#equipos_items .copy .item .prev_img{
	float:left;
	padding: 0;
	margin: 1em 1em 0 0;
  border: #b3b3b3 1px solid;
}

#equipos_items .copy .item{
	max-width: 44em;
	margin: 2em auto;
	padding: 0 3em;
}

#equipos_items .no-display{
  display:none;
}

#equipos_items .view-more{
  float:right; margin-top:.3em;
  margin: .5em 1em;
}

#equipos_items .view-more span{
  position: static;
  display: block;
  width: auto;
  height: auto;
}

/*************************************VELOCIDAD**********************************/
#velocidad_items {
  color: #808080;
}

#velocidad_items .item {
  float: none;
  margin: 0 .5em 2em .5em;
  position: relative;
  max-width: 100%;
}

#velocidad_items .item.big {
  max-width: 100%;
}

#velocidad_items .item img {
  float: left
}

#velocidad_items .item .copy {
  float: none;
  margin: 0 0 0 2em;
  width: auto;
  font-size: .875rem;
  line-height: 1.2rem;
}

#velocidad_items .item .copy h2,
#velocidad_items .item .copy h3 {
  font-family: "swis_bold", Arial, Helvetica;
  font-weight: normal;
  margin: 0;
  font-size: 1.125rem;
}

#velocidad_items .item .copy h3 {
  color: #76A7D0;
  position: relative;
  margin-top: 2rem;
  margin-bottom: -.5rem;
  font-weight: normal;
  line-height: 1;
}

#velocidad_items .item .copy h3 span {
  color: white;
  background-color: #0061A8;
  border-radius: 50%;
  font-size: 0.875rem;
  padding-top: 1px;
  text-align: center;
  position: relative;
  margin-top: 0px;
  display: inline-block;
  width: 25px;
  height: 25px;
  top: -3px;
  line-height: 1.9;
}

#velocidad_items .item .copy .test_corner {
  border: #CCCCCC solid 1px;
  background-color: white;
  text-align: center;
  padding: 1rem;
}

#velocidad_items .item .copy .test_corner img {
  float: none;
}

#velocidad_items .item .copy .test_corner h2 {
  font-size: 1.3125rem;
  color: #0061A8;
  margin: 0 auto;
}

#velocidad_items .item .copy .test_corner .mini { 
  max-width: 20.5rem;
  margin: 0 auto;
  text-align: left;
}

#velocidad_items .item .copy .test_corner .mini img {
  float: left;
  margin-right: .5rem;
}

#velocidad_items .item .copy .test_corner .mini p {
  margin: 0 auto;
}

.velocity_btn {
  display: block;
  font-size: 2rem;
  border: 1px solid black;
  background-color: #F8AF00;
  color: white;
  text-decoration: none;
  max-width: 12rem;
  padding: .5rem .8rem;
  margin: 1rem 0 1rem;
  line-height: 1.4;
  text-align: center;
  font-family: "swis_normal", Arial, Helvetica;
  font-weight: bold;
}

.velocity_btn:hover {
  background-color: #FF9900
}

.velocity_btn.small {
  max-width: 10rem;
  font-size: 1.5rem;
  padding: .3rem .5rem .2rem;
  margin: 1rem auto .5rem;
}

/*************************************FOOTER**********************************/
footer{
	background: #393737 url(../img/bg_footer.jpg) 0 0 repeat-x;
	text-align: center;
	letter-spacing: 0;
	color: #666;
	font-family: Arial, Helvetica;
	font-size: 0.875em;
	padding-bottom: 1em
}

footer .footer_phones{
	font-family: "swis_bold", Arial, Helvetica;	
	padding: 1em 0 0 0;
	font-size: 1.1428em;
	margin-bottom: -.8em;
}

footer .footer_social{
	max-width: 15em;
	margin: 0 auto .5em auto;
}

footer .footer_social .socials_buttons{
	float: left
}

footer .footer_social .socials_buttons a{
	display: inline-block;
	width: 1.8571em;
	height: 1.8571em;
	background-color: #4d4d4d;
	border: solid 1px white;
	border-radius: .4285em;
}

footer .footer_social .socials_buttons a:hover{
	border-color:#393737
}

footer .footer_social .socials_buttons a img{
	margin-top: .2em
}

footer .footer_social .emails{
	float: right;	
	font-size: .7857em;
	text-align: left
}

footer .footer_social .emails a{
	color: white;
	text-decoration: none;
	display:block
}

footer .footer_social .emails a:hover{
  color:black
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 28.125em) {   
	#menu_items{		
		max-width: 33em;    
    display: block
	}
	
	#menu .menu_item{
    float: left;
		width: 6.25em
	}  

  #menu .menu_item.big {
    width: 6.25em;
  }

  #menu .tope #menu_opener{
    display: none;  
  }

  #attention_items .assits{
    padding: 1.5em .5em .5em 1.5em
  } 

}

@media only screen and (min-width: 31.25em) {  
  #servicios_cont #serv_home .servicio .serv_img{    
    display: block
  }

  #servicios_cont #serv_home .servicio .copy {
    max-width: 65%
  }

  #servicios_cont #serv_home #ultima_milla .copy,
  #servicios_cont #serv_home #transporte .copy {
    max-width: 94%   
  }

  #servicios_cont #serv_home #int_dedicado .copy {  
    border-left: none;   
  }

  /*#servicios_cont #serv_home #transporte .copy{
    border-right: none;
  }*/ 

  /*************************************IPV6***************************/
  #servicios_cont #serv_home #ipv6 .copy {
    max-width: 65%
  }

  #servicios_cont #serv_home #ipv6 > .plus {
    display: none;
  }

  #servicios_cont #serv_home #ipv6 .copy {
    border-left: none;
    display: block;
  }  

  #servicios_cont #serv_home #ipv6 .copy .title {
    margin-top: 30px;
  }    

  /***********************************/
  #servicios_cont .serv_tabs .tab{
    display: block;
  } 
}
   
@media only screen and (min-width: 33em) { 

	#home_items_area .home_item{
	  width: 36em   
	}

	#home_items_area .home_item .copy{
	  width: 30em;
	  height: 8em
	}
	
	#collage_holder .collage_item{
		width: 20%;
	}
	
	#client_service_home{
		max-width: 38em;
	}

  #client_service_home a{
    float: left;
  }  
	
	#client_service_home  .client_service div{		
		float:right;
		margin: 1.2em 1.5em 0 0;
	}
	
	#logo{	 	
	  background-color: transparent;
	  border-bottom-right-radius: 0;
	  border-bottom-left-radius: 0;
	  left: 0;
	  bottom: 0
	}
	
	#banners_wrap .banner .copy h2{
	  font-size: 2.125em;	  
	  max-width: 16em;	  
	  line-height: inherit
	}
	
	#banners_wrap .banner .copy .ligth_blue21{	  
	  max-width: 16em
	}
	
	#banners_wrap .banner .copy p{
	  max-width: 22em
	}

  #banners_wrap .banner .copy.velocidad h2 { 
    margin-bottom: -1rem;
  }

  #banners_wrap .banner .copy.velocidad p {
    font-size: 1.6rem;
    max-width: 22rem;
  }
	
	#banners_wrap .banner .copy h2.gray{
	  font-size: 1.875em;
	  color: #777777;
	}

  #sect_footer .tabs_holder{
    width: 33.75em
  }

  #sect_footer .tabs_holder .tabs .tab{
    width: auto;
    font-size: .875em;
  }

  #sect_footer .tabs_holder .tabs_content .content div{    
    font-size: .875em;
    margin: .625em 0 0 1em;
    width: 26em;
    max-width: 100%
  }

  #sect_footer .tabs_holder .tabs_content .content div p span{
    display: block;    
  }

  #mini_banner{
    width: 19.1875em
  }

  #sect_footer .tabs_holder .tabs_content .content div a{
    margin: -.5em 0 0 0;  
  }

  #sect_footer .tabs_holder .tabs_content .content img {
    display: block;
  }

  #phones_sect_footer div{
    float: left;
    margin: 1.5em 0 1.5em 0
  }

  #phones_sect_footer div.right{
    float: right
  }

  /*****************EQUIPOS******************/
  #equipos_items .equipos_box .copy .item a{     
    margin: 0em 0 0 18em;
  }
}

@media only screen and (min-width: 35em) {
  #golddata_items .item.contacto_form{
    position: absolute;
    top: 0;
    left: 16em;    
    padding-right: 2em;
    text-align: left
  }

  #golddata_items .item.contacto_form img{
    display: block
  }

  #golddata_items .item.contacto{
    margin: 0 .5em 2em .5em
  }

  #golddata_items .item.contacto_form .copy{
    margin: 0 0 0 2em
  }

  #sect_cont1 #copy_top .right.contacto{
    float: right;
    margin: .3em 0 0 0
  }    

  #attention_items .assits{
    margin: 1em  auto
  }

  /****************Cobertura***************/
   #diag_holder{
    display: block;
  }

  #nat_map #wrap .holder{
    float: none;
    position: relative;
    margin: 1em auto;
    width: 27em;
    display: block
  }

  #accordion{
    display: none;
  }

  .prox_copy_only{
    display: none;
  }

}

@media only screen and (min-width: 48.125em) {
	#menu{ 
	  clear: none;
	  margin: 0 0 0 10em;
    height: 4.125em
	}

	#menu_items{		
		max-width: 100%;		
	}
	
	#menu .menu_item{
	  font-size: 1em
	}
	
	#logo{
	  margin: .5em 0 .3em 0;
	  float:left;	  
	  position: static;
	  width: 8.25em;		
	  background-color: transparent;
	  border-bottom-right-radius: 0;
	  border-bottom-left-radius: 0;
	  padding: 0;		
    display: block
	}	

  #sect_cont1 #copy_top .right{
    float: right;
    margin: .3em 0 0 0
  }

  #attention_items .channel {
    padding: 0
  }

  #attention_items .channel .copy{
    float: left;
    border-bottom: 1px solid #CDCCCC;
    border-right: none;
    background: #FEC932 url(../img/attention/channel_copy_bg.png) top right no-repeat;
    max-width: 11.5em;
    height: 36em;
    padding: 3em 2em 0 2em;
  }

  #attention_items .channel .copy span{
    display: block
  }  

  #attention_items .channel .copy p.title{    
    margin-top: 1em
  }

  #attention_items .channel #form_holder{
    float: left;
    border: 2px solid #CDCCCC;  
    /*border-bottom: 1px solid #CDCCCC; 
    border-left: none;   */ 
    width: 33em;
    padding: .9em 2em 0em .5em;
    height: 38em
  }

  #attention_items .channel #form_holder .textarea_holder{
    float: left
  }

  #attention_items .channel #form_holder .field input[type='text']{
    margin-left: 1em;
  }

  #attention_items .channel #form_holder textarea{  
    width:100%; 
    margin-left:1em
  }

  #attention_items .channel #form_holder .state_select{
    margin-left: 1em;
  }

  #attention_items .channel #form_holder #submit_form{
      float: right;      
      padding: 1.4em .5em;
      margin: 2em 0 0 .5em
  }  

  /******************************************************/
  #servicios_cont #serv_home .servicio {
    float: left;    
    margin-right: .8em;
    margin-bottom: 1em;
    max-width: auto
  }

  #servicios_cont #serv_home .servicio .copy{    
    max-width: 11.25em;
  }

  #servicios_cont #serv_home #ultima_milla .copy{
    max-width: 21.375em   
  }

  /*******************Ultima milla*********************/
  #servicios_cont #serv_home #ultima_milla .copy .logo{
    float: right;
    margin: 1.5em 1em 1em 0
  }

  /*************************************IPV6***************************/

  #servicios_cont #serv_home #ipv6 {
    margin-right: .7em; 
  }

  #servicios_cont #serv_home #ipv6 > .plus {
    display: block;
  }

  #servicios_cont #serv_home #ipv6 .copy {
    display: none;  
  }

  #servicios_cont #serv_home #ipv6 img {
    border: solid 1px #DCDDDE;
    max-width: 10rem
  }

  /*******************************************/
  #servicios_cont .serv_tabs .tabs_content .content div .list{    
    width: 21em;
  }
}

@media only screen and (min-width: 53.5em){
  #menu .menu_item.big {
    width: 9rem;
  }

  #sect_footer .tabs_holder{    
    float: left;
  }  

  #mini_banner{    
    float: right;    
    margin: -.3em 0 1em 0
  }

  #attention_items .channel{
    max-width: 100% /*52.5em*/
  }

  #attention_items .channel #form_holder{  
    /*border-top: 2px solid #CDCCCC; 
    border-left: none;
    border-right: none */   
  }

  #attention_items .channel .image_holder{
    /*display: block*/
  }

  #attention_items .channel #form_holder{
   /* padding: .9em 4em 0em .5em*/
  }

  #attention_items .assits{
    margin: 1em auto;
    max-width: 100%;
  }

  #attention_items .assits .field{
    float: left;
    margin: .5em 1.66em 0 0;
    max-width: 100%
  }

  #attention_items .assits .field input[type='text'], #attention_items .assits .field textarea{   
    width: 21em
  }

  #attention_items .assits .field #phone{
    width: 18em
  }

  #attention_items .assits .field textarea{
    width: 18.5em
  }

  /*********************EQUIPOS*********************/
  #equipos_items .top p{   
    display: none
  }

  #equipos_items #routers, #equipos_items .equipos_box{
    max-width: 54em;  
  }

  /*#equipos_items #antenas .copy .item{
    max-width: 30em;
    margin: 2em 0em;
    padding: 0 12em 0 3em;
  }
*/
  #equipos_items .img, #equipos_items .arrow, #equipos_items .arrow_small{
    display: block;
  }
}
   
@media only screen and (min-width: 60.5em) {
    /* Style adjustments for viewports that meet the condition */
	#home_items_area .home_item{	  
	  float: left;
	  width: 19.0625em;
	  margin: .5em .5em  
	}

	#home_items_area .home_item .copy{	  
	  width: 13.5em;
	  height: 13em;
	}
	
	#home_items_area .home_item .copy a{
	  float: none;
	  position: absolute;
	  bottom: 0
	}

  #golddata_items .item{
    float: left;
    margin: 0 2em
  }

  #golddata_items .item .copy{
    float: left;
    margin: 0 0 0 1em;
    width: 13.75em
  }

  #contact_form_holder{    
    width: 16.0625em;
  }

  #golddata_items .item.contacto_form{
    float: left;
    position: static;        
    padding-right: 0;
  }

  #golddata_items .item.contacto_form .copy{
    margin: 0 0 0 1em
  }

  #golddata_items .item.contacto{
    max-width: 100%;
    margin-left:0; 
    margin-right:1.5em  
  }

  iframe{
   max-width: 18em !important;
   float: right
  }

  /*******************************************************************************/
  #servicios_cont {
    padding: 0 2em;    
    max-width: 60.25em;
  }

  /*****************Transporte************************/
  #servicios_cont #serv_home #transporte{
    text-align: left;  
  }

  #servicios_cont #serv_home #transporte .copy{
    max-width: 21.375em;
    margin-right: .8em;  
    border-right: solid 1px #DCDDDE; 
  }

  #servicios_cont #serv_home #transporte .copy .logo{
    margin: 2em 0 0 3em;
  }

  #servicios_cont #serv_home #transporte .copy .title{
    margin-left: 2.5em;
    font-size: 1.125em;
    text-align: left;
  }

  #servicios_cont #serv_home #transporte .copy .desc{
    margin: -.5em 3.8em;
  }

  #servicios_cont #serv_home #transporte .copy .solapa{
    display: block;
  }

  /*****************Hospedaje************************/

  #servicios_cont #serv_home #hospedaje .copy{
    max-width: 21.375em;
    margin-left: .8em;
  }

  #servicios_cont #serv_home #hospedaje .copy .subcopy{    
    font-size: 1.125em;
    text-align: left;
    margin: 1em 0 0 1.5em   
  }

  #servicios_cont #serv_home #hospedaje .copy .title{
    margin: 2em 0 0 1.5em;
    font-size: 1.125em;
    text-align: left;
  }

  #servicios_cont #serv_home #hospedaje .copy .desc{
    margin: 1em 3.5em 0 2.5em;
  }

  #servicios_cont #serv_home #hospedaje .copy .solapa{
    display: block;
  }

  /***********************Service Tabs**************************/
  #servicios_cont .serv_tabs .tab{    
    float: none;
    width: 11.9230em;   
    font-size: .8125em;                   
    padding: 1em .5em;    
    margin-left: .3em;  
    border-right: 0;
    border-bottom: 1px solid #ccc;
  }

  #servicios_cont .serv_tabs .tab span{
    display: block;
  }

  #servicios_cont .serv_tabs .tab img{
    display: none;
    max-width: 12.3846em
  }

  #servicios_cont .serv_tabs .tabs .tab.selected{  
    padding: .5em;
    margin-left: 4px;    
  }

  #servicios_cont .serv_tabs .tabs .tab.selected span{
    display: none
  }

  #servicios_cont .serv_tabs .tabs .tab.selected img{
    display: block;
  }

  /*******************COBERTURA*************************/

  #nat_map #wrap{  
    padding: 2em 1em 8em; 
  }

  #nat_map #wrap #menu_holder{
    display: block;
  }

  #nat_map #wrap .holder{
    float: left;  
    margin: 1em 0 0
  }
 
  #diag_holder{
    display: none;
  }

  #int_map .holder {
    position: static;
  }

  .int_legend {
    position: absolute;
    right: 13rem;
    bottom: 1rem;
  }

  /**************VELOCIDAD*****************/
  #velocidad_items .item {
    float: left;
    max-width: 18rem;
  }

  #velocidad_items .item.big {
    max-width: 40rem;
  }

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/********************************ipv6-pop**************************/
/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .ipv6-pop,
.my-mfp-zoom-in .not-mail-pop {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 

  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .ipv6-pop,
.my-mfp-zoom-in.mfp-ready .not-mail-pop {
  opacity: 1;

  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  -o-transform: scale(1); 
  transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .ipv6-pop,
.my-mfp-zoom-in.mfp-removing .not-mail-pop {
  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 

  opacity: 0;
}

.ipv6-pop,
.not-mail-pop {
  position: relative;
  max-width: 521px;
  margin: 0 auto;
  text-align: center;
  padding: 25px 8px 50px 0px;
  background: transparent url(../img/popup/bg.png) top right no-repeat;
}

.not-mail-pop  {
  padding: 25px 0 50px 0;
  background: white;
}

.not-mail-pop:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background-color: #edab00;
} 

.ipv6-pop img,
.not-mail-pop img {
  max-width: 100%;
}

.not-mail-pop img {
  margin-top: 50px;
  margin-bottom: 20px;
}

.ipv6-pop h1,
.not-mail-pop h1 {
  margin-bottom: 0;
  font-size: 27px;
  font-family: "swis_bold", Arial, Helvetica;
  color: #333333;
}

.not-mail-pop h1 {
  font-size: 24px;
}

.ipv6-pop h2,
.not-mail-pop h2 {
  margin-top: 0;
  font-weight: normal;
  font-size: 21px;
  font-family: "swis_normal", Arial, Helvtica;
  color: #333333;
}

.not-mail-pop h2 {
  font-size: 19px;
  line-height: 1; 
}

.ipv6-pop .conocemas,
.not-mail-pop .conocemas {
  margin: 0 auto;
  float: none;
  font-size: 1em;
}

.not-mail-pop .conocemas {
  width: 10em;
  font-size: 1.3em;
  margin-top: 30px;
  color: #0061a8;
}

.ipv6-pop .closepop,
.not-mail-pop .closepop {
  position: absolute;
  top: 35px;
  right: 45px;
  color: white;
  font-family: "swis_normal", Arial, Helvtica;
  font-size: 12px;
  text-decoration: none;
}

.not-mail-pop .closepop {
  color: #333333;
}

.ipv6-pop .closepop:after,
.not-mail-pop .closepop:after {
    content: 'X';
    font-size: 14px;
    font-family: "swis_bold", Arial, Helvetica;
    text-decoration: none;
    margin: 0 5px;
    position: relative;
}

.ipv6-pop .closepop:hover,
.not-mail-pop .closepop:hover {
  text-decoration: underline;
}

/****RE CAPCHA ****/
#contact_form .g-recaptcha { 
  margin-top: 20px;
}

/*.g-recaptcha iframe,
#rufous-sandbox,
#rufous-sandbox iframe {
  max-width: 100% !important;
  float: none;
}*/

@media only screen and (min-width: 60em) { 
  #contact_form .g-recaptcha {
    transform:scale(0.75);
    transform-origin: 0 0;

    -ms-transform:scale(0.75); /* IE 9 */
    -ms-transform-origin: 0 0; /* IE 9 */

    -webkit-transform:scale(0.75); /* Opera, Chrome, and Safari */
    -webkit-transform-origin: 0 0; /* Opera, Chrome, and Safari */

    -moz-transform:scale(0.75); /* Firefox */
    -moz-transform-origin: 0 0; /* Firefox */
  }
}

.channel #channel_form .g-recaptcha {
  float: none;
  margin: 13px auto;
}

@media only screen and (min-width: 48.125em) {
  .channel #channel_form .g-recaptcha {
    float: left;
  }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}