@font-face{font-family:'Conv_libel-suit-rg'; src:url('fonts/libel-suit-rg.eot'); src:local('☺ '),url('fonts/libel-suit-rg.woff') format('woff'),url('fonts/libel-suit-rg.ttf') format('truetype'),url('fonts/libel-suit-rg.svg') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'Conv_segoeuisl'; src:url('fonts/segoeuisl.eot'); src:local('☺ '),url('fonts/segoeuisl.woff') format('woff'),url('fonts/segoeuisl.ttf') format('truetype'),url('fonts/segoeuisl.svg') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'Conv_HelveticaInseratLTStd-Roman'; src:url('fonts/HelveticaInseratLTStd-Roman.eot'); src:local('☺ '),url('fonts/HelveticaInseratLTStd-Roman.woff') format('woff'),url('fonts/HelveticaInseratLTStd-Roman.ttf') format('truetype'),url('fonts/HelveticaInseratLTStd-Roman.svg') format('svg'); font-weight:normal; font-style:normal}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * 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{color:#414042;  font-size:1em;  line-height:1.4}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * 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 audio, canvas, iframes, 
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, 
canvas, 
iframe, 
img, 
svg, 
video{vertical-align:middle}

/*
 * Remove default fieldset styles.
 */
fieldset{border:0;  margin:0;  padding:0}

/*
 * Allow only vertical resizing of textareas.
 */
textarea{resize:vertical}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade{margin:0.2em 0;  background:#ccc;  color:#000;  padding:0.2em 0}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{background-color:#FFF; margin:0px; padding:0px; font-family:'Conv_segoeuisl',Sans-Serif; font-size:100%; font-size:14px; line-height:normal; font-weight:normal; color:#414042}
p{font-size:100%}
#wrap{text-align:center; margin-left:auto; margin-right:auto; width:1200px; clear:both}
.wrap{text-align:center; margin-left:auto; margin-right:auto; width:1200px}
a{text-decoration:none; color:#007bff}
a:hover{color:#3C9CD7; text-decoration:underline}
a:active{outline:none; color:#09C}
a:focus{outline:none}
img{border:none}
.cl{font-size:0;  line-height:0;  height:0;  clear:both}
.Espacio{clear:both; margin-bottom:10px}
.Centro{text-align:center; margin-right:auto; margin-left:auto; clear:both}
.Derecha{text-align:right; clear:both}
.align_left{float:left;  margin-right:1em;  margin-bottom:1em}
.align_right{float:right;  margin-left:1em;  margin-bottom:1em}
.align_center{display:block;  margin-left:auto;  margin-right:auto}
img.opacity{opacity:1; filter:alpha(opacity=100)}
img.opacity:hover{opacity:0.8; filter:alpha(opacity=80)}
/*-----------------Fixed bar-----------------*/
.content{ padding:0px}
/*-----------------header-----------------*/
#header{font-family:'Conv_segoeuisl',Sans-Serif; font-size:110%; color:#818181; font-weight:bold}
.top{background-color:#fff}
.top2{background-color:#143264; border:1px dotted #143264}
.micro{padding-left:60px}
.logo{padding-left:60px}
.logo img{transition:opacity .4s linear; -moz-transition:opacity .4s linear; -webkit-transition:opacity .4s linear; -o-transition:opacity .4s linear}
.logo img:hover{opacity:0.7; filter:alpha(opacity=70)}
.sub{font-family:'Conv_segoeuisl',Sans-Serif; font-size:90%; color:#143264; text-decoration:none; padding-right:15px; padding-left:15px; font-weight:bold; line-height:40px}
.sub:hover{color:#3C9CD7; text-decoration:none}
/*-----------------slideshow-----------------*/
.slideshow{width:1200px; height:600px; position:relative}
/*-----------------nav-----------------*/
#nav{text-align:center; height:60px; float:right; font-family:'Conv_segoeuisl',Sans-Serif; font-size:120%; color:#fff; clear:right; line-height:60px; font-weight:bold}
#main-menu, #main-menu >li >ul{list-style:none}
#main-menu >li{float:left; list-style-image:none}
#main-menu li >a{display:block; padding-right:20px; padding-left:20px; color:#FFF; line-height:60px}
#main-menu li:hover >a{color:#FFF; text-decoration:none; background-color:#3C9CD7; /*celeste*/}
#main-menu .nav-active{background-image:url(../images/dot1.png); background-repeat:no-repeat; background-position:center 0px}
#main-menu .active{background-color:#3C9CD7}
#main-menu li ul li:last-child >a{border:1px solid #143264}
#main-menu li:last-child a{}
#main-menu li img{padding-top:7px}
#main-menu >li >ul{position:absolute; display:none; padding:0; z-index:9999}
#main-menu >li:hover >ul{display:block; z-index:9999}
#main-menu ul li a{
	color:#000;
	text-align:left;
transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; -o-transition:opacity .5s linear; 	font-family:Arial,Helvetica,sans-serif;
	font-size:90%;
	background-color:#F4F4F4;
	line-height:25px;
	padding-right:10px;
	padding-left:10px;
	border-top-width:1px;
	border-right-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:none;
	border-left-style:solid;
	border-top-color:#143264;
	border-right-color:#143264;
	border-left-color:#143264
}
/*-----------------main-----------------*/
#main{
	background-color:#fff;
	clear:both;
	padding-top:30px;
	padding-bottom:20px;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
#main .foto{border:1px dashed #8b0305; padding:5px; background-color:#f1f1f1}
#main label{font-family:'Conv_HelveticaInseratLTStd-Roman',Sans-Serif; font-size:105%; color:#F00; text-align:left; padding:10px}
#main .Forms{padding:2px; border:1px solid #F00; font-size:105%}
#main .boton{font-family:'Conv_HelveticaInseratLTStd-Roman',Sans-Serif; font-size:105%; color:#FFF; background-color:#F00; width:110px; line-height:45px; height:45px; font-weight:bold; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
#main .boton:hover{color:#CCC; display:block; text-decoration:none}
#main .boton:active{position:relative; top:1px}
#main h1{
	font-family:'Conv_libel-suit-rg',Sans-Serif;
	color:#143264;
	font-size:300%;
	margin-bottom: 20px;
}
#main h3{font-family:'Conv_segoeuisl',Sans-Serif; color:#414042; font-size:150%; font-weight:normal}
#main .bloque1{font-family:'Conv_segoeuisl',Sans-Serif; background-color:#ededee; text-align:center; border-top-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:#c7c8ca; border-bottom-color:#c7c8ca; border-left-color:#c7c8ca; float:left; width:16.6%; padding:5px; height:280px}
#main .bloque1 .titulo{font-family:'Conv_libel-suit-rg',Sans-Serif; color:#143264; font-size:150%}
#main .bloque1 .icono1:hover{       background:url("../images/home_iconos1b.png") no-repeat}
#main .bloque1 .icono2{width:150px; height:126px;    background:url("../images/home_iconos2.png") no-repeat; display:inline-block}
#main li{list-style-image:url(../images/li.png)}
#main .bloque1a{background-color:#ededee; background-image:url(../images/home_iconos1.png); background-repeat:no-repeat; background-position:20px 0px}
#main .bloque1a:hover{background-color:#fff;    background:url("../images/home_iconos1b.png") no-repeat; background-repeat:no-repeat; background-position:20px 0px}
#main .bloque2a{background-color:#ededee; background-image:url(../images/home_iconos2.png); background-repeat:no-repeat; background-position:20px 0px}
#main .bloque2a:hover{background-color:#fff;    background:url("../images/home_iconos2b.png") no-repeat; background-repeat:no-repeat; background-position:20px 0px}
#main .bloque3a{background-color:#ededee; background-image:url(../images/home_iconos3.png); background-repeat:no-repeat; background-position:20px 0px}
#main .bloque3a:hover{background-color:#fff;    background:url("../images/home_iconos3b.png") no-repeat; background-repeat:no-repeat; background-position:20px 0px}
#main .bloque4a{background-color:#ededee; background-image:url(../images/home_iconos4.png); background-repeat:no-repeat; background-position:20px 0px}
#main .bloque4a:hover{background-color:#fff;    background:url("../images/home_iconos4b.png") no-repeat; background-repeat:no-repeat; background-position:20px 0px}
#main .bloque5a{background-color:#ededee; background-image:url(../images/home_iconos5.png); background-repeat:no-repeat; background-position:20px 0px}
#main .bloque5a:hover{background-color:#fff;    background:url("../images/home_iconos5b.png") no-repeat; background-repeat:no-repeat; background-position:20px 0px}
#main .bloque6a{background-color:#ededee; background-image:url(../images/home_iconos6.png); background-repeat:no-repeat; background-position:20px 0px}
#main .bloque6a:hover{background-color:#fff;    background:url("../images/home_iconos6b.png") no-repeat; background-repeat:no-repeat; background-position:20px 0px}
#main .barra1{font-family:'Conv_libel-suit-rg',Sans-Serif; font-size:350%; line-height:80px; color:#FFF; background-color:#143264; width:100%; margin-top:15px; margin-bottom:0px}
#main .noticias{font-family:'Conv_segoeuisl',Sans-Serif; background-color:#ededee; padding-left:80px; font-size:130%; font-weight:bold;padding-top:10px; padding-right:60px; padding-bottom:10px;}
#main .noticias a{color:#143264; text-decoration:none; line-height:60px}
#main .noticias a:hover{color:#3C9CD7; text-decoration:none}
#main .noticia{background-color:#FFF; padding:15px; border-right-width:10px; border-right-style:solid; border-right-color:#EDEDEE}
#main .grande{
	font-family:'Conv_segoeuisl', Sans-Serif;
	font-size: 140%;
	color: #414042;
	padding-right: 40px;
	padding-left: 40px;
}
#main .contactos1{
	padding-right: 140px;
	padding-left: 140px;
	color: #FFF;
	background-image: url(../images/about_fondo1.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	font-family:'Conv_segoeuisl', Sans-Serif;
	height: 456px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#main .contactos{	color: #163264;
}
#main .contactos a{	color: #163264;
}
.industry1{
	font-size: 150%;
	color: #FFF;
	background-color: #12afab;
	text-align: left;
	padding: 40px !important;
}
.industry1 h1{
	color: #FFF !important;
	font-size: 220% !important;
}
.industry1 a{
	color: #FFF !important;
	text-decoration: underline;
}
.industry1 a:hover{
	color: #FFF !important;
}
.industry2{
	font-size: 150%;
	color: #FFF;
	background-color: #143264;
	text-align: left;
	padding: 40px !important;
}
.industry2 h1{
	color: #FFF !important;
	font-size: 220% !important;
}
.industry2 a{
	color: #FFF !important;
	text-decoration: underline;
}
.industry2 a:hover{
	color: #FFF !important;
}
.industry3{
	font-size: 150%;
	color: #FFF;
	background-color: #8ebe3f;
	text-align: left;
	padding: 40px !important;
}
.industry3 h1{
	color: #FFF !important;
	font-size: 220% !important;
}
.industry3 a{
	color: #FFF !important;
	text-decoration: underline;
}
.industry3 a:hover{
	color: #FFF !important;
}
.solutions{	font-size: 150%;
	color: #414042;
	background-color: #ededee;
	text-align: left;
	padding: 40px !important;
}
.solutions h1{
	font-size: 200% !important;
}

.res{	font-family:'Conv_libel-suit-rg',Sans-Serif;
	color:#3c9cd7;
	font-size:180%;
}
#main .resources1{background-image:url(../images/resources_iconos1.png); background-repeat:no-repeat;}
#main .resources1:hover{background:url("../images/resources_iconos1b.png") no-repeat; background-repeat:no-repeat;}
#main .resources2{background-image:url(../images/resources_iconos2.png); background-repeat:no-repeat;}
#main .resources2:hover{background:url("../images/resources_iconos2b.png") no-repeat; background-repeat:no-repeat;}
#main .resources3{background-image:url(../images/resources_iconos3.png); background-repeat:no-repeat;}
#main .resources3:hover{background:url("../images/resources_iconos3b.png") no-repeat; background-repeat:no-repeat;}
#main .resources4{background-image:url(../images/resources_iconos4.png); background-repeat:no-repeat;}
#main .resources4:hover{background:url("../images/resources_iconos4b.png") no-repeat; background-repeat:no-repeat;}

.newsroom {
	background-color: #ededee;
	padding: 40px;
}
.newsroom a{
font-family:'Conv_libel-suit-rg',Sans-Serif;
	color:#163264;
	font-size:180%;}
.fecha{
	background-image: url(../images/repsurces_icon1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	line-height: 38px;
}
.lugar{
	background-image: url(../images/repsurces_icon2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 38px;
	padding-left: 40px;
}
.resour1{
	font-size: 150%;
	color: #FFF;
	background-color: #3c9cd7;
	text-align: left;
	padding: 40px !important;
}
.resour1 h1{
	color: #FFF !important;
	font-size: 260% !important;
}
.resour1 a{
	color: #FFF !important;
}
.resour1 a:hover{
	color: #FFF !important;
	text-decoration: underline;
}
.resour2{
	font-size: 150%;
	color: #FFF;
	background-color: #12afab;
	text-align: left;
	padding: 40px !important;
}
.resour2 h1{
	color: #FFF !important;
	font-size: 260% !important;
}
.resour2 a{
	color: #FFF !important;
}
.resour2 a:hover{
	color: #FFF !important;
	text-decoration: underline;
}
.question a{
	font-family:'Conv_libel-suit-rg',Sans-Serif !important;
	font-size:160% !important;
	color:#163264 !important;
	text-align: left;
	margin-top: 15px !important;
	background-color: #f7f7f7;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.respuesta{font-family:'Conv_segoeuisl',Sans-Serif; font-size:120%;}
#accordion .panel-heading{
}
#accordion .panel-title a{
    display: block;
    /*border: 1px solid #ececec;*/
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
#accordion .panel-title a.collapsed{
    box-shadow: none;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	content: "+";
	width: 25px;
	height: 25px;
	line-height: 28px;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	position: absolute;
	top: 8px;
	right: 15px;
	transform: rotate(135deg);
	transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    transform: rotate(0);
}
#accordion .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 55px;
}
#accordion .panel-body{
    padding: 0px 15px;
    border: none;
}
#main .partners1{
	background-image: url(../images/partner3.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	font-family:'Conv_segoeuisl', Sans-Serif;
	height: 191px;
	margin-top: 30px;
	width: 906px;
	margin-bottom: 30px;
}
#main .partners2{
	background-image: url(../images/partner2.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	font-family:'Conv_segoeuisl', Sans-Serif;
	height: 191px;
	margin-top: 30px;
	width: 906px;
	margin-bottom: 30px;
}
#main .partners3{
	background-image: url(../images/partner1.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	font-family:'Conv_segoeuisl', Sans-Serif;
	height: 191px;
	margin-top: 30px;
	width: 906px;
	margin-bottom: 30px;
}
#main .clients_logos{
	float: left;
	margin-bottom: 30px;
	margin-left: 100px;
}
#main .clients_logos img{
	max-width:200px;
}
#main .casos{
	padding: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #163264;
	font-size: 130%;
	margin-bottom: 30px;
}
#main .casos strong{
	color: #163264;
}
#main .casos1{
	background-image: url(../images/casos1.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	font-family:'Conv_segoeuisl', Sans-Serif;
	height: 232px;
	margin-top: 30px;
	width: 911px;
	margin-bottom: 30px;
}





.btn-primary{background-color:#3C9CD7 !important; border-radius:0px !important; border-radius:0 !important}
.btn-primary:hover{background-color:#143264 !important}
/*-----------------barra-----------------*/
.barra{
	height:75px;
	font-family:'Conv_libel-suit-rg',Sans-Serif;
	font-size:300%;
	color:#FFF;
	line-height:75px;
	background-color:#163264;
	margin-bottom:0px;
	margin-top: 40px;
	padding-left: 40px;
}
/*-----------------footer-----------------*/
.footer{font-family:'Conv_libel-suit-rg',Sans-Serif; color:#808285; background-color:#FFF; font-size:150%; font-weight:lighter; padding-top:12px; padding-right:40px; padding-bottom:20px; padding-left:40px; border-top-width:7px; border-top-style:solid; border-top-color:#143264;  }
.footer td{font-family:'Conv_segoeuisl',Sans-Serif; font-size:60%; padding-right:4px; padding-left:4px}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden{display:none !important}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.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:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus{clip:auto;  height:auto;  margin:0;  overflow:visible;  position:static;  width:auto}

/*
 * Hide visually and from screen readers, 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}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width:35em){/* Style adjustments for viewports that meet the condition */}

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

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print{*,*:before,*:after{background:transparent !important;  color:#000 !important; /* Black prints faster:                               http://www.sanbeiji.com/archives/953 */ 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 that are fragment identifiers, 
     * or use the `javascript:` pseudo protocol
     */
 a[href^="#"]:after, 
 a[href^="javascript:"]:after{content:""}

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

 /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
 thead{display:table-header-group}

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

 img{max-width:100% !important}

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

 h2, 
 h3{page-break-after:avoid}
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* Para 960px */ 
@media only screen and (max-width:960px) and (min-width:821px){#wrap{width:99%}

#header{height:auto}
#slideshow{height:auto; width:100%}
#nav{height:auto}
#footer{padding:1px}
#footer .piebanner{width:100%}
#buscador{background-image:none; background-color:#000; height:auto}
#main{padding:1px}
#main .columna1{width:40%}
#main .columna2{width:60%}
#main .columna2 .slides{width:100%}
#main .columna2 .banner2{width:100%}
#main .columna2 .bloque{padding-right:0px; padding-left:0px}
#main .columna3{float:none; width:100%}
#main .columna4{float:none; width:100%}
#main .fotoarticulo{margin-right:1px; margin-bottom:5px; margin-left:1px; max-width:270px}
}
 
/* Para 800px */ 
@media only screen and (max-width:820px) and (min-width:621px){#wrap{width:99%}

#header{height:auto}
#slideshow{height:auto; width:100%}
#nav{height:auto}
#footer{padding:1px}
#footer table tr >*{display:block; width:100%}
#footer .piebanner{width:100%}
#buscador{background-image:none; background-color:#000; height:auto}
#buscador img{display:none}
#main{padding:1px}
#main .columna1{width:40%}
#main .columna2{width:60%}
#main .columna2 .slides{width:100%}
#main .columna2 .banner2{width:100%}
#main .columna2 .bloque{padding-right:0px; padding-left:0px}
#main .compartir{display:none}
#main .columna3{float:none; width:100%}
#main .columna4{float:none; width:100%}
#main .fotoarticulo{margin-right:1px; margin-bottom:5px; margin-left:1px; max-width:270px}

}
 
/* Para 600px */ 
@media only screen and (max-width:620px) and (min-width:501px){#wrap{width:99%}

#header{height:auto}
#slideshow{height:auto; width:100%}
#nav{height:auto}
#footer{padding:1px}
#footer table tr >*{display:block; width:100%}
#footer .piebanner{width:100%}
#buscador{background-image:none; background-color:#000; height:auto}
#buscador img{display:none}
#buscador table tr >*{display:block; width:100%}
#main{padding:1px}
#main .columna1{float:none; width:100%}
#main .columna2{float:none; width:100%}
#main .columna2 .slides{width:100%}
#main .columna2 .banner2{width:100%}
#main .columna2 .bloque{padding-right:0px; padding-left:0px}
#main .compartir{display:none}
#main .columna3{float:none; width:100%}
#main .columna4{float:none; width:100%}
#main .fotoarticulo{margin-right:1px; margin-bottom:5px; margin-left:1px; max-width:270px}

}
 
/* Para 480px */ 
@media only screen and (max-width:500px) and (min-width:341px){#wrap{width:99%}

#header{height:auto}
#slideshow{height:auto; width:100%}
#nav{height:auto}
#footer{padding:1px}
#footer table tr >*{display:block; width:100%}
#footer .piebanner{width:100%}
#buscador{background-image:none; background-color:#000; height:auto}
#buscador img{display:none}
#buscador select{clear:both; width:100%}
#buscador table tr >*{display:block; width:100%}
#main{padding:1px}
#main .columna1{float:none; width:100%}
#main .columna2{float:none; width:100%}
#main .columna2 .slides{width:100%}
#main .columna2 .banner2{width:100%}
#main .columna2 .bloque{padding-right:0px; padding-left:0px}
#main .compartir{display:none}
#main .columna3{float:none; width:100%}
#main .columna4{float:none; width:100%}
#main .fotoarticulo{margin-right:1px; margin-bottom:5px; margin-left:1px; max-width:270px}

}
 
/* Para 320px */ 
@media only screen and (max-width:340px) and (min-width:5px){body{font-size:110%}
p{font-size:110%}

#wrap{width:99%}

#header{height:auto}
#header .menutop{float:none}
#header .logo{left:20%}
#slideshow{height:auto; width:100%}
#nav{height:auto}
#footer{padding:1px; font-size:90%}
#footer table tr >*{display:block; width:100%}
#footer .piebanner{width:100%}
#buscador{background-image:none; background-color:#000; height:auto; font-size:90%}
#buscador img{display:none}
#buscador select{clear:both; width:100%}
#buscador table tr >*{display:block; width:100%}
#main{padding:1px}
#main .columna1{float:none; width:100%}
#main .columna2{float:none; width:100%}
#main .columna2 .slides{width:100%}
#main .columna2 .banner2{width:100%}
#main .columna2 .bloque{padding-right:0px; padding-left:0px}
#main .compartir{display:none}
#main .columna3{float:none; width:100%}
#main .columna4{float:none; width:100%}
#main .fotoarticulo{margin-right:1px; margin-bottom:5px; margin-left:1px; width:95%}

}