@font-face{font-family:'Conv_HelveticaNeueLTStd-MdCn'; src:url('fonts/HelveticaNeueLTStd-MdCn.eot'); src:local('☺ '),url('fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),url('fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'),url('fonts/HelveticaNeueLTStd-MdCn.svg') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'Conv_HelveticaNeueLTStd-ThCn'; src:url('fonts/HelveticaNeueLTStd-ThCn.eot'); src:local('☺ '),url('fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),url('fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),url('fonts/HelveticaNeueLTStd-ThCn.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:#3d3d3d;  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:Arial,Helvetica,sans-serif; font-size:100%; font-size:14px; line-height:normal; font-weight:normal; color:#3d3d3d;}
p{font-size:100%}
#wrap{text-align:center; margin-left:auto; margin-right:auto; width:1280px}
.wrap{text-align:center; margin-left:auto; margin-right:auto; width:1280px}
a{text-decoration:none; color:#3a70be}
a:hover{color:#036; text-decoration:none}
a:active{outline:none; color:#069}
a:focus{outline:none}
.boton{background-color:#2c548f; float:left; padding-right:10px; padding-left:10px; line-height:30px; color:#FFF; font-weight:bold; text-decoration:none; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}
.boton:hover{text-decoration:none; background-color:#036; color:#FFF}
.boton:active{position:relative; top:1px}
.cmxform label span.error{color:red}
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)}
/*-----------------header-----------------*/
#header{
	width:100%;
	background-image:url(../images/cabeza_fondo2017.jpg);
	background-repeat:repeat;
	height:124px;
	background-color:#3a70be
}
#header .logo{
	float:left;
	padding-left: 40px;
}
#header .logo img{transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; -o-transition:opacity .5s linear}
#header .logo img:hover{opacity:0.8; filter:alpha(opacity=80)}
#header .Redes{
	margin-top:75px;
	margin-right:20px;
	float: right;
}
#header .slogan{
	margin-top:85px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FFF;
	text-align: center;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
/*-----------------nav-----------------*/
#nav{background-color:#3a70be; text-align:center; height:45px; line-height:45px;font-family:'Conv_HelveticaNeueLTStd-MdCn',Sans-Serif}
#main-menu{margin:0; padding:0}
#main-menu, #main-menu >li >ul{list-style:none}
#main-menu >li{float:left}
#main-menu li >a{
	display:block;
	padding-right:35px;
	padding-left:35px;
	font-size:110%;
	font-weight:normal;
	color:#FFF;
	line-height:45px;
	text-shadow:1px 2px 2px #000;
	filter:dropshadow(color=#000,offx=1,offy=2)
}
#main-menu li ul li:last-child >a{border:1px solid #b3b92d}
#main-menu li:last-child a{}
#main-menu li img{}
#main-menu >li >ul{position:absolute; display:none; padding:0; z-index:10}
#main-menu >li:hover >ul{display:block; z-index:100}
#main-menu ul li a{color:#3a70be; 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:#f0f0ee; line-height:25px; padding-right:10px; padding-left:18px; background-image:url(../images/dot2.png); background-repeat:no-repeat; background-position:7px 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:#70c251; border-right-color:#70c251; border-left-color:#70c251;
	text-shadow: none;
	filter: none)
}
#main-menu li:hover >a{color:#FFF; text-decoration:none; background-color:#1d3a60}
#main-menu .nav-active{color:#333}
/*-----------------Menu Responsivo-----------------*/
.slicknav_menu{display:none}
/*-----------------ticker-----------------*/
.blue {
	padding-bottom: 15px;
	height: 40px;
}
.news {
    width: 100%;
}
/*-----------------main-----------------*/
#main{
	background-color:#FFF;
	clear:both;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}
h3{	font-family:'Conv_HelveticaNeueLTStd-MdCn',Sans-Serif;
}
#main .FotoGrande{
	border:1px solid #d8d8d8;
	padding: 6px;
}
#main .FotoGrande2{
	border:1px solid #d8d8d8;
	padding: 6px;
}
#main .fotoschicas{padding:6px; border:1px solid #d8d8d8; margin-right:15px; margin-bottom:10px}
#main hr{   border:0;     height:1px;     background:#999;     background-image:linear-gradient(to right,#f1f1f1,#999,#f1f1f1)}
#main .bloque{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #d8d8d8; -webkit-box-shadow:2px 2px 2px #989898; -moz-box-shadow:2px 2px 2px #989898; box-shadow:2px 2px 2px #989898; padding:10px}

#main .columna1{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	width:75%;
	text-align:justify
}
#main .columna1 h1{
	font-size:210%;
	color:#333;
	text-align:left;
	font-weight:bold;
	font-family:'Conv_HelveticaNeueLTStd-MdCn',Sans-Serif;
	margin: 0px;
}
.titular{
	font-size:240% !important;
	margin: auto;
}
#main .columna1 h1 a{color:#333; text-decoration:none}
#main .columna1 h1 a:hover{color:#2c548f; text-decoration:none}
#main .columna1 h2 a{color:#000; text-decoration:none}
#main .columna1 h2{font-family:'Conv_HelveticaNeueLTStd-ThCn',Sans-Serif; font-size:150%; color:#000; text-align:left; margin-bottom:0px}
#main .columna1 h2 a:hover{color:#2c548f; text-decoration:none}
#main .columna1 ul li{list-style-image:url(../images/dot1.png)}

#main .columna3{float:right; width:300px}
#main .columna3 ul{padding-left:20px}
#main .columna3 li{
	list-style-image:url(../images/dot1.png);
	padding-bottom:8px;
}
#main .columna3 h1{
	font-size:120%;
	color:#FFF;
	padding-top:8px;
	padding-bottom:8px;
	margin:0px;
	padding-left:15px;
	background-color: #3a70be;
	font-family:'Conv_HelveticaNeueLTStd-ThCn',Sans-Serif;
	text-shadow:1px 2px 2px #000;
	text-align: left;
}
#main .columna3 a{
	color: #666;
	text-decoration: none;
}
#main .columna3 a:hover{
	color:#2c548f; text-decoration:none;
}

#main .columna50 {
	text-align: justify;
	float: left;
	width: 49%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
#main .columna50 p{	font-size:120%;}
#main .columna50 h2{
	font-family:'Conv_HelveticaNeueLTStd-ThCn',Sans-Serif;
	font-size:150%;
	color:#000;
	text-align:left;
	margin: 0px;
	padding: 0px;
}



#main .Fecha{font-style:italic; color:#999}
#main .Fuente{
	font-style:italic;
	color:#2C548F;
	text-align: left;
	padding-top: 10px;
	font-size: 90%;
}
#main .formulario table td{padding-top:3px; padding-right:15px; padding-bottom:2px}
#main .formulario label{font-weight:bold; color:#2c548f}
#main .formulario .Forms{padding:2px; border:1px solid #999}
#main .cv{
	font-size:110%;
	font-weight:bold;
	color:#2c548f;
	text-align:center;
	padding: 20px;
}
#main .cv a{color:#2c548f; text-decoration:none}
#main .cv a:hover{color:#2c548f; text-decoration:none}
#main .documentos{font-size:110%; font-weight:bold; padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px; text-align:center}
#main .documentos a{color:#2c548f; text-decoration:none}
#main .documentos a:hover{color:#72a100; text-decoration:none}
#main .documents{font-size:110%; text-align:left; line-height:28px}
#main .documents ul{list-style-type:none}
#main .documents li{background-image:url(../images/download.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:33px; list-style-type:none}
#main .documents a{color:#2c548f; text-decoration:none}
#main .documents a:hover{color:#72a100; text-decoration:none}
#main .login{font-size:140%; font-weight:bold; text-align:center; padding:20px}
#main .login a{color:#72A13A; text-decoration:none; display:block; margin:auto; width:150px; padding-top:14px; padding-bottom:14px; background:rgba(80,134,200,1); background:-moz-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(80,134,200,1)),color-stop(100%,rgba(23,49,84,1))); background:-webkit-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:-o-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:-ms-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:linear-gradient(to bottom,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5086c8',endColorstr='#173154',GradientType=0 ); color:#FFF; text-shadow:1px 2px 2px #000; filter:dropshadow(color=#000,offx=1,offy=2); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
#main .login a:hover{color:#0C0; text-decoration:none}
#main input, #main select{padding:3px; margin:5px; border:1px solid #CCC}
#main label{text-align:left; color:#2c548f}
#main .Boton{color:#72A13A; text-decoration:none; display:block; width:150px; padding-top:14px; padding-bottom:14px; background:rgba(80,134,200,1); background:-moz-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(80,134,200,1)),color-stop(100%,rgba(23,49,84,1))); background:-webkit-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:-o-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:-ms-linear-gradient(top,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); background:linear-gradient(to bottom,rgba(80,134,200,1) 0%,rgba(23,49,84,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5086c8',endColorstr='#173154',GradientType=0 ); color:#FFF; text-shadow:1px 2px 2px #000; filter:dropshadow(color=#000,offx=1,offy=2); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:120%; margin-top:10px; margin-right:auto; margin-bottom:15px; margin-left:auto}
#main .Boton:hover{color:#066; color:#090}
#main .Boton:active{position:relative; top:1px}
#main .cajalogin{background-color:#f9f9f9; margin:auto; width:280px; padding:30px; border:1px solid #CCC; -webkit-box-shadow:5px 5px 10px #ccc; -moz-box-shadow:5px 5px 10px #ccc; box-shadow:5px 5px 10px #ccc}
#main .articulo{text-align:justify}
#main .articulo a{color:#3d3d3d}
#main .categoriatitulo{color:#FFF; background-color:#2c548f; line-height:22px; float:left; padding-right:10px; padding-left:10px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; font-size:90%}
#main .categoriatitulo a{color:#FFF}
#main .categoriatitulo a:hover{color:#0FF; text-decoration:none}
#main .categoriatitulo2{color:#FFF; background-color:#3a70be; line-height:16px; padding-right:6px; padding-left:6px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:65%}
#main .categoriatitulo2 a{color:#FFF !important}
#main .categoriatitulo2 a:hover{color:#0FF; text-decoration:none}
#main .categoriatitulo3{color:#FFF; background-color:#7ab410; line-height:16px; padding-right:6px; padding-left:6px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:65%}
#main .categoriatitulo3 a{color:#FFF !important}
#main .categoriatitulo3 a:hover{color:#0FF; text-decoration:none}
#main .anuncio1{
	text-align:center;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto
}


/*-----------------footer-----------------*/
#footer{
	background-color:#3a70be;
	padding:5px;
	text-align:left;
	font-size:80%;
	color: #FFF;
}
#footer p{margin-top:5px; margin-bottom:5px}
#footer a{color:#FFF; text-decoration:none}
#footer a:hover{color:#FFF; text-decoration:underline}
/*-----------------footer-----------------*/
/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn{ position:relative;  display:block;  vertical-align:middle;  float:right;  padding:0.438em 0.625em 0.438em 0.625em;  line-height:1.125em;  cursor:pointer}
 .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{ margin-top:0.188em}

.slicknav_menu{ *zoom:1}
.slicknav_menu img{display:none}
 .slicknav_menu .slicknav_menutxt{ display:block;  line-height:1.188em;  float:left}
 .slicknav_menu .slicknav_icon{ float:left;  width:1.125em;  height:0.875em;  margin:0.188em 0 0 0.438em}
 .slicknav_menu .slicknav_icon:before{ background:transparent;  width:1.125em;  height:0.875em;  display:block;  content:"";  position:absolute}
 .slicknav_menu .slicknav_no-text{ margin:0}
 .slicknav_menu .slicknav_icon-bar{ display:block;  width:1.125em;  height:0.125em;  -webkit-border-radius:1px;  -moz-border-radius:1px;  border-radius:1px;  -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);  -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);  box-shadow:0 1px 0 rgba(0,0,0,0.25)}
 .slicknav_menu:before{ content:"";  display:table}
 .slicknav_menu:after{ content:"";  display:table;  clear:both}

.slicknav_nav{ clear:both}
 .slicknav_nav ul{ display:block}
 .slicknav_nav li{ display:block}
 .slicknav_nav .slicknav_arrow{ font-size:0.8em;  margin:0 0 0 0.4em}
 .slicknav_nav .slicknav_item{ cursor:pointer}
 .slicknav_nav .slicknav_item a{ display:inline}
 .slicknav_nav .slicknav_row{ display:block}
 .slicknav_nav a{ display:block}
 .slicknav_nav .slicknav_parent-link a{ display:inline}

.slicknav_brand{ float:left}

.slicknav_menu{ font-size:16px;  box-sizing:border-box;  background:#fff;  padding:5px}
 .slicknav_menu *{ box-sizing:border-box}
 .slicknav_menu .slicknav_menutxt{ color:#fff;  font-weight:bold;  text-shadow:0 1px 3px #000}
 .slicknav_menu .slicknav_icon-bar{ background-color:#fff}

.slicknav_btn{ margin:5px 5px 6px;  text-decoration:none;  text-shadow:0 1px 1px rgba(255,255,255,0.75);  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  background-color:#2c548f}

.slicknav_nav{ color:#fff;  margin:0;  padding:0;  font-size:0.875em;  list-style:none;  overflow:hidden}
 .slicknav_nav ul{ list-style:none;  overflow:hidden;  padding:0;  margin:0 0 0 20px}
 .slicknav_nav .slicknav_row{ padding:5px 10px;  margin:2px 5px}
 .slicknav_nav .slicknav_row:hover{/*fondo 2do nivel*/ -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;  background:#2c548f;   color:#fff}
 .slicknav_nav a{/*primer nivel */ padding:5px 10px;  margin:2px 5px;  text-decoration:none;  color:#2c548f}
 .slicknav_nav a:hover{ -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  background:#2c548f;  color:#fff}
 .slicknav_nav .slicknav_txtnode{ margin-left:15px}
 .slicknav_nav .slicknav_item a{ padding:0;  margin:0}
 .slicknav_nav .slicknav_parent-link a{ padding:0;  margin:0}

.slicknav_brand{ color:#fff;  font-size:18px;  line-height:30px;  padding:7px 12px;  height:44px}

/* ==========================================================================
   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 !important}
	#header .logo{float:none; margin-top:25px; margin-left:auto}
	#header .Redes{display:none}
	#header .slogan{
	margin-top:5px;
	float: none;
	padding-bottom:10px;
	}

	/* Menu serponsivo*/
	#nav{display:none}
	#menu{display:none}
	.js .slicknav_menu{display:block}

	#main{padding:1px}
	#main .columna1{float:none; width:100%}
	#main .columna3{float:none; width:100%}

	#main .columna50 {
		float:none; width: 100%;
	}

	#main .FotoGrande2{padding:1px; width: 100px !important; margin:auto}
	#main table tr >*{display:block; width:100%}
	#main #disqus_thread{display:none}#main .anuncio1 img{ width:100%; height:auto}

	#footer{ width:90%; height:auto}
	#footer .wrap { width:90%; height:auto}


}

/* Para 800px */
@media only screen and (max-width:820px) and (min-width:621px){
		#wrap{width:99%}

	#header{ height:auto !important}
	#header .logo{float:none; margin-top:25px; margin-left:auto}
	#header .Redes{display:none}
	#header .slogan{
	margin-top:5px;
	float: none;
	padding-bottom:10px;
	}

	/* Menu serponsivo*/
	#nav{display:none}
	#menu{display:none}
	.js .slicknav_menu{display:block}

	#main{padding:1px}
	#main .columna1{float:none; width:100%}
	#main .columna3{float:none; width:100%}

	#main .columna50 {
		float:none; width: 100%;
	}

	#main .FotoGrande2{padding:1px; width: 100px !important; margin:auto}
	#main table tr >*{display:block; width:100%}
	#main #disqus_thread{display:none}#main .anuncio1 img{ width:100%; height:auto}

	#footer{ width:90%; height:auto}
	#footer .wrap { width:90%; height:auto}

}

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

	#wrap{width:99%}

	#header{ height:auto !important}
	#header .logo{float:none; margin-top:25px; margin-left:auto}
	#header .Redes{display:none}
	#header .slogan{
	margin-top:5px;
	float: none;
	padding-bottom:10px;
	}

	/* Menu serponsivo*/
	#nav{display:none}
	#menu{display:none}
	.js .slicknav_menu{display:block}

	#main{padding:1px}
	#main .columna1{float:none; width:100%}
	#main .columna3{float:none; width:100%}

	#main .columna50 {
		float:none; width: 100%;
	}
	#main .columna50 img {
		width: 90%;
		height:auto;
	}

	#main .FotoGrande2{padding:1px; width: 100px !important; margin:auto}
	#main .FotoGrande{padding:1px; width: 85% !important; margin:auto}
	#main table tr >*{display:block; width:100%}
	#main #disqus_thread{display:none}#main .anuncio1 img{ width:100%; height:auto}

	#footer{ width:90%; height:auto}
	#footer .wrap { width:90%; height:auto}


}

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

	#header{ width:100%; height:auto}
	#header .logo{float:none; margin-top:25px; margin-left:auto; width: auto;}
	#header .logo img{width:100%}
	#header .Redes{display:none}
	#header .slogan{
	margin-top:5px;
	float: none;
	font-size: 100%;
	padding-bottom:10px;
	}

	/* Menu serponsivo*/
	#nav{display:none}
	#menu{display:none}
	.js .slicknav_menu{display:block}

	#main{padding:1px}
	#main .columna1{float:none; width:100%}
	#main .columna3{float:none; width:100%}

	#main .columna50 {
		float:none; width: 100%;
	}
	#main .columna50 img {
		width: 90%;
		height:auto;
	}
	#main iframe {
		width: 100%;
		height:auto;
	}
	#main img {
		width: 90%;
		height:auto;
	}

	#main .FotoGrande2{padding:1px; width: 100px !important; margin:auto}
	#main .FotoGrande{padding:1px; width: 85% !important; margin:auto}
	#main table tr >*{display:block; width:100%}
	#main #disqus_thread{display:none}#main .anuncio1 img{ width:100%; height:auto}

	#footer{ width:90%; height:auto}
	#footer .wrap { width:90%; height:auto}

}

/* 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{ width:100%; height:auto}
	#header .logo{float:none; margin-top:25px; margin-left:auto; width: auto;}
	#header .logo img{width:100%}
	#header .Redes{display:none}
	#header .slogan{
	margin-top:5px;
	float: none;
	font-size: 100%;
	padding-bottom:10px;
	}

	/* Menu serponsivo*/
	#nav{display:none}
	#menu{display:none}
	.js .slicknav_menu{display:block}

	#main{padding:1px}
	#main .columna1{float:none; width:100%}
	#main .columna3{float:none; width:100%}

	#main .columna50 {
		float:none; width: 100%;
	}
	#main .columna50 img {
		width: 90%;
		height:auto;
	}
	#main iframe {
		width: 100%;
		height:auto;
	}
	#main img {
		width: 90%;
		height:auto;
	}

	#main .FotoGrande2{padding:1px; width: 100px !important; margin:auto}
	#main .FotoGrande{padding:1px; width: 85% !important; margin:auto}
	#main table tr >*{display:block; width:100%}
	#main #disqus_thread{display:none}#main .anuncio1 img{ width:100%; height:auto}

	#footer{ width:90%; height:auto}
	#footer .wrap { width:90%; height:auto}

}