﻿/*****************************/

/*** Core html setup stuff ***/

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

@font-face {
font-family: 'Coolvetica-Regular';
font-style: normal;
font-weight: normal;
src: local('../images/Coolvetica-Regular'), url('http://www.elhatillobeachclub.pe/coolvetica.woff') format('woff');
}

html {

}

form {
  margin: 0;
  padding: 0;

}

body {
	font-family: 'Lato', sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	color: #333;
	background-repeat:no-repeat;

}

a:link {
	text-decoration: none;
	color:#000;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}



a.readmore:link, a.readmore:visited {
	text-decoration: none;
	color:#FFF;
}
a.readmore:hover {
	text-decoration: underline;
	color:#55BAA8;
}

.newsflash-title_wg3 {
	padding:0px;
	margin:0px;
	font-weight:bold; 
	padding-top:10px;
}




a.linkblog:link, a.linkblog:visited {
	text-decoration: none;
}
a.linkblog:hover {
	text-decoration: underline;
	color:#55BAA8;
}



.menutab {
border-bottom:2px #ABDF46 solid; 
text-align:left;
}
.menutab2 {
padding:20px;
padding-top:13px; 
padding-bottom:25px; 
color:#999;
}
a.menutab3:link, a.menutab3:visited {
padding-left:14px; 
padding-right:14px;
padding-bottom:20px;
color:#222;
}
a.menutab3:hover {
border-bottom:14px;
border-bottom:3px solid #FF7F00;
color:#FF7F00;
}




.social {
  height:30px;  
  width:31px; 
 }

.facebook {
  background: url(../images/facebook.png) no-repeat left;
  height:30px;  
  width:31px; 
  margin-right:3px;
  float:right;
    margin-bottom:2px;
 }
 .facebook: a {
  background: url(../images/facebook.png) no-repeat left;
  height:30px;  
  width:31px; 
 }

.facebook:hover {
  background-position: right;
  height:30px;  
  width:31px;  
 }
 
 
 
 .twitter {
  background: url(../images/twitter.png) no-repeat left;
  height:30px;  
  width:31px; 
  margin-right:3px;
  float:right;
    margin-bottom:2px;
 }
 .twitter: a {
  background: url(../images/twitter.png) no-repeat left;
  height:30px;  
  width:31px; 
 }

.twitter:hover {
  background-position: right;
  height:30px;  
  width:31px;  
 } 
 
 
  .instagram{
  background: url(../images/instagram.png) no-repeat left;
  height:30px;  
  width:31px; 
  margin-right:3px;
  float:right;
    margin-bottom:2px;
 }
 .instagram: a {
  background: url(../images/instagram.png) no-repeat left;
  height:30px;  
  width:31px; 
 }

.instagram:hover {
  background-position: right;
  height:30px;  
  width:31px;  
 } 

 
 
   .linkedin{
  background: url(../images/linkedin.png) no-repeat left;
  height:30px;  
  width:31px; 
  margin-right:3px;
  float:right;
    margin-bottom:2px;
 }
 .linkedin: a {
  background: url(../images/linkedin.png) no-repeat left;
  height:30px;  
  width:31px; 
 }

.linkedin:hover {
  background-position: right;
  height:30px;  
  width:31px;  
 } 
#toTop {

	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:25px;
	height:25px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;

}



#toTopHover {

	background:url(../images/ui.totop.png) no-repeat left -25px;
	width:25px;
	height:25px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

}

#toTop:active, #toTop:focus {

	outline:none;

}





a.moduleItemTitle:link, a.moduleItemTitle:visited {
	text-decoration: none;
	font-weight:bold;
	color:#FFFFFF;
}
a.moduleItemTitle:hover {
	text-decoration: underline;
}






input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

 /* ---------------------

   Intro / subitems

---------------------- */

div.items-row {

    clear: left;

    float: left; /* IE 6/7 Fix */

    width: 100%; /* IE 6/7 Fix */

}

 

div.cols-2 {

    overflow: hidden;

}

 

div.item h2 {


}

 

div.column-1 {
    margin: auto;
	width:100%;
}

div.column-2 {
}

div.column-3 {
}

div.column-4 {

}

/* -------

   Wrapper

---------- */

div.contentpane h2 {


}

 

div.contentpane iframe {

    border: 0 none;

}

/* -------------------

   General Pagination

--------------------- */

div.pagination {

    clear: both;

    text-align: center;

    margin: 10px 0 0 0;

	padding-top:30px;

	font-size:10px;

}

 

div.pagination p.counter {

    font-style: italic;

}

 

div.pagination ul {

    padding: 0;

}

 

div.pagination ul li {

    display: inline;

    padding: 0 5px 0 5px;

}

/* ------------------

   Read more ... link

------------------- */


/* -----------------------------

   PRINT, EMAIL en EDITOR Button

------------------------------ */

ul.actions {

    padding: 0;

    float: right;

    text-align: right;

	margin:0px;

	padding:0px;

	margin-right:0px;



}

 

 /* Alle buttons hebben dezelfde stijl */

ul{

		margin:0px;

	padding:0px;

}

li {

	margin:0px;

	padding:0px;}

 



/* Alle buttons hebben dezelfde stijl */

ul.actions li {

	display:inline;

	margin:0px;

	padding:0px;

}

 

ul.actions li a img {

   border: 0px #999 solid;

}

 

ul.actions li a:hover img {

   border: 0px #333 solid;

}

/* -------------------

   E-mail popup screen

---------------------- */

div#mailto-window h2 {



}

 

div#mailto-window div.mailto-close {

    padding: 5px 0 20px 0;

}

 

div#mailto-window div.mailto-close a {

    display: block;

    width: 100px;

    text-align: center;

    padding: 3px 10px 4px 10px;

    color: #333;

    text-decoration: none;

	padding-left:16px;

}

 

div#mailto-window div.mailto-close a:hover {

    display: block;

    width: 100px;

    text-align: center;

    padding: 3px 10px 4px 10px;

    color: #F0F;

    text-decoration: none;

	padding-left:16px;

}

 

div#mailto-window form#mailtoForm div.formelm label {

    display: block;

    float: left;

    width: 200px;

}

 

div#mailto-window form#mailtoForm div.formelm input {

    margin: 0 0 3px 0;

}

 

div#mailto-window form#mailtoForm button.button {

    margin: 15px 0 0 0;

}

/* ------------------------------

   Tooltip voor de editor button

------------------------------- */

.tip {

    background-color: #fff;

    border: 1px #999 solid;

    padding: 5px;

    font-family: 'Lato', sans-serif;

    font-size: 11px;

}

 

.tip-title {

    font-weight: bold;

}

/* -------------------------

   Pagination Single Article

---------------------------- */

 

ul.pagenav {
    padding: 0;
    margin: 8px 0 8px 0;
	font-size: small;
	padding-top:30px;
	padding-bottom:10px;
	text-align:center;
	font-size:large;
	font-weight:bold;
	margin-bottom:30px;
}
 
ul.pagenav li {
    padding: 0;
    display: inline;
    white-space:nowrap;
    margin: 0 10px 0 0;
}
 
ul.pagenav li a {
	text-decoration: none;
	color:#FF7F00;
	padding: 15px; background:#FFF;
	border: 3px solid  #FF7F00;
	border-radius:4px; 
    -moz-border-radius:4px; /* Firefox */ 
    -webkit-border-radius:4px; /* Safari y Chrome */ 
}
 
ul.pagenav li a:hover {
	text-decoration: none;
	color:#fff;
	padding: 15px; background:#FF7F00;
	border: 3px solid  #FF7F00;
	border-radius:4px; 
    -moz-border-radius:4px; /* Firefox */ 
    -webkit-border-radius:4px; /* Safari y Chrome */ 

}

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

/*** Template specific layout elements ***/

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

#page_bg {

	padding: 10px 0;

	margin-bottom: 1px;

}



div.center {

  text-align: center;

}



div#wrapper {

	margin-left: auto;

	margin-right: auto;

}



body.width_medium div#wrapper {

	width: 950px;

}



body.width_small div#wrapper {

	width: 773px;

}



body.width_fmax div#wrapper {

	min-width: 750px;

	max-width: 1050px;

}



div#header_l {

	position: relative;

}



div#header_r {

	height: 90px;

	padding-left: 370px;

	padding-right: 30px;

	padding-top: 25px;

	overflow: hidden;

	text-align: left;

}



div#logo {

	position: absolute;

	left: 0;

	top: 0;

	float: left;

	width: 298px;

	height: 75px;

	background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;

	margin-left: 30px;

	margin-top: 25px;

}







div#tabarea {

	background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x;

	margin: 0 11px;



}



div#tabarea_l {

	background: url(../images/mw_header_l_b.png) 0 0 no-repeat;

	padding-left: 32px;

}



div#tabarea_r {

	height: 42px;

	background: url(../images/mw_header_r_b.png) 100% 0 no-repeat;

	padding-right: 1px;

}



div#footer_r {

	padding-top: 10px;

	height: 47px;

	overflow: hidden;

}



div#footer_r div {

	text-align: center;

	font-size: .90em;

	color: #aaa;

}



div#footer_r a:link, div#footer_r a:visited  {

	color: #999;

}



div#footerspacer {

	height: 10px;

}



#pathway {

	padding: 0px 10px 8px;

	width: auto;

	margin-top: -2px;

	margin-right: 250px;

	text-align: left;

}



#search {

	float: right;

	width:320px;

	margin-top: -20px;

	margin-right: 30px;

	height: 40px;

	overflow: hidden;

	text-align:right;

}



form#searchForm input {

	vertical-align: middle;

}



form#searchForm table {

	border-collapse: collapse;

}



form#searchForm td {

	padding:0;

}



#mod_search_searchword {

	padding-left: 3px;

}



#area {

	padding: 0;

}



#whitebox {

	margin: 0 21px 0px 21px;

	background: #fff;

	width: auto;

}



#whitebox div {

	text-align: left;

}



#whitebox_t {

	background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;

}



#whitebox_tl {

	background: url(../images/mw_content_t_l.png) 0 0 no-repeat;

}



#whitebox_tr {

	height: 10px;

	overflow: hidden;

	background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;

}



#whitebox_m {

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	width: auto;

	padding: 1px 8px;

}



#whitebox_b {

	margin-top: -5px;

	background: url(../images/mw_content_b.png) 0 100% repeat-x;

}



#whitebox_bl {

	background: url(../images/mw_content_b_l.png) 0 100% no-repeat;

}



#whitebox_br {

	height: 13px;

	background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;

}



/* Leading article heading and title */

div.blog-featured h1 {



}

 

div.items-leading div.leading-0 h2,

div.items-leading div.leading-1 h2 {



}

 

div.items-leading div.leading-0 h2 a,

div.items-leading div.leading-1 h2 a {



}

 

div.items-leading div.leading-0 h2 a:hover,

div.items-leading div.leading-1 h2 a:hover {

    text-decoration: none;

}

/* --------------------

   List all categories

----------------------- */

div.categories-list h1 {



}

 

div.categories-list ul,

div.categories-list ul li,

div.categories-list ul li ul,

div.categories-list ul li ul li {

    padding: 0;

    margin: 0;

}

 

div.categories-list ul li {

    padding: 0px;

}

 

div.categories-list ul li ul li {

    padding: 0px;

}

 

div.categories-list ul li span.item-title a {

    font-weight: bold;

    font-size: 13px;

	padding-top:0px;

	padding-left:0px;

	padding-bottom:0px;

}

 

 

div.categories-list ul li ul li span.item-title a {

    font-weight: normal;

    font-size: 12px;

}

 

div.categories-list ul li div.category-desc p {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    line-height: 11px;

    color: #666;

    padding: 3px 0 2px 0;

}

 

div.categories-list ul li dl {}

div.categories-list ul li dl dt {

    float: left;

    margin: 0 10px 0 0;

}

/* horizontal pill menu */

table.pill {

  margin-left: auto;

  margin-right: auto;

  padding: 0;

}



td.pill_l {

  background: url(../images/mw_menu_cap_l.png) no-repeat;

  width:  20px;

  height: 32px;



}



td.pill_m {

  background: url(../images/mw_menu_normal_bg.png) repeat-x;

  padding: 0;

  margin: 0;

  width: auto;

}



td.pill_r {

  background: url(../images/mw_menu_cap_r.png) no-repeat;

  width:  19px;

  height: 32px;

}



#pillmenu {

  white-space: nowrap;

  height: 32px;

  float: left;

}



#pillmenu ul {

  margin: 0;

  padding: 0;



}



#pillmenu li {

	float: left;

	background: url(../images/mw_menu_separator.png) top right no-repeat;

	margin: 0;

	padding: 0;

}



#pillmenu a {

  font-family: 'Lato', sans-serif;

  font-size: 12px;

  font-weight: bold;

	float:left;

  display:block;

  height: 24px;

  line-height: 24px;

  padding: 0 20px;

  color: #000;

  text-decoration: none;

}



#pillmenu a#active_menu-nav {

}



#leftcolumn {

	float: left;

	padding-right:10px;

}



#maincolumn,

#maincolumn_full {

}



#maincolumn_full {



}



table.nopad {

	width: 100%;

	border-collapse: collapse;

	padding: 0;

	margin: 0;

	margin-bottom: 15px;

}



table.nopad td.middle_pad {

	width: 20px;

}

#fecha {

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	color: #FFFFFF;

}

.fecha {

	background:url(../images/fecha_.png) no-repeat;

	font-family: 'Lato', sans-serif;

	font-size: 10px;

	color: #f5f5f5;

}



.commodities {

	font-family: 'Lato', sans-serif;

	font-size: 10px;

	color: #ED207B;

}



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

/*** Joomla! specific content elements ***/

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



div.offline {

	background: #fffebb;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	font-size: 1.2em;

	padding: 5px;

}



span.pathway {

  display: block;

  margin: 0 20px;

  height: 16px;

  line-height: 16px;

  overflow: hidden;

}



/* headers */

div.componentheading {

  padding-left: 0px;

}



h1 {
	font-size: 30px;
	font-weight: normal;
	text-align:left;
	width:100%;
	padding:0px;
	margin:0px;
	font-family: 'Lato', sans-serif;
}
h2, .contentheading {


}
table.contentpaneopen h3 {
}

h4 {
}
h3, .componentheading, table.moduletable th, legend {
}

h3{
}

.slide1{
width:100%;  margin:auto; text-align:center;
}
.slide2{
	position:absolute; top:45%; left:30%; right:30%; text-align:center;
	color:#FFF;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	margin:auto;
	font-size: xx-large;
	font-weight:normal;
}
.slide3{
	position:absolute; top:35%; left:30%; right:30%; text-align:center;
	color:#FFF;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	margin:auto;
	font-size: xx-large;
	font-weight:normal;
}
.slide4{
	position:absolute; top:55%; left:30%; right:30%; text-align:center;
	color:#FFF;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	margin:auto;
	font-size: xx-large;
	font-weight:normal;
}

.inscribete{
	border-bottom:1px #C2E8E5 solid; 
	padding:20px; 
	margin-bottom:40px;
	color:#FFF;
	font-family: 'Coolvetica-Regular';
	font-size: xx-large;
	font-weight:normal;
	text-align:center;
}
li .item-125{
	padding:10px;
}
li .item-126{
	padding:10px;
}
li .item-127{
	padding:10px;
}



/* ---------------------------

   List all contact categories

------------------------------ */

div.categories-list ul li dl.contact-count dt {

    float: left;

    margin: 0 10px 0 0;

}

/* small text */

.small {

	font-size: .90em;

	color: #999;

	font-weight: normal;

	text-align: left;

}



.modifydate {

  height: 20px;

  vertical-align: bottom;

	font-size: .90em;

	color: #999;

	font-weight: normal;

	text-align: left;

}



.createdate {

	height: 20px;

	vertical-align: top;

	font-size: .90em;

	color: #999;

	font-weight: normal;

	vertical-align: top;

	padding-bottom: 5px;

	padding-top: 0px;



}



a.readon {

	margin-top: 10px;

	display: block;

	float: left;

	background: url(../images/mw_readon.png) top right no-repeat;

	padding-right: 20px;

	line-height: 14px;

	height: 16px;

}



/* form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }





/** overlib **/



.ol-foreground {

	background-color: #f6f6f6;

}



.ol-background {

	background-color: #666;

}



.ol-textfont {

	font-family: 'Lato', sans-serif;

	font-size: 10px;

}



.ol-captionfont {

	font-family: 'Lato', sans-serif;

	font-size: 12px;

	color: #f6f6f6;

	font-weight: bold;

}

.ol-captionfont a {

	color: #0B55C4;

	text-decoration: none;

	font-size: 12px;

}



.ol-closefont {}



/* menu links */

a.mainlevel:link, a.mainlevel:visited {

	padding-left: 5px;

}



a.mainlevel:hover {



}



/* spacers */

span.article_separator {

	display: none;

}



.article_column {

}



.column_separator {

}



td.buttonheading {



}



td.buttonheading img {

	border:none;

}



.clr {

	clear: both;

}



td.greyline {

  width: 20px;

  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;

}



div#maindivider {

  border-top: 1px solid #ddd;

  margin-bottom: 10px;

  overflow: hidden;

  height: 1px;

}



table.blog span.article_separator {

	display: none;

}



/* edit button */

.contentpaneopen_edit{

	float: left;

}



/* table of contents */

table.contenttoc {

  margin: 5px;

  border: 1px solid #ccc;

  padding: 5px;

  float: right;

}



table.contenttoc td {

  padding: 0 5px;

}





/* content tables */

td.sectiontableheader {

  background: #efefef;

  color: #333;

  font-weight: bold;

  padding: 4px;

  border-right: 1px solid #fff;

}



tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

  padding: 4px;

}



td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 3px;

}





/* content styles */

table.contentpaneopen, table.contentpane {

	margin: 0;

	padding: 0;

	width: 100%;

}



table.contentpaneopen li {

	margin-bottom: 5px;

}



table.contentpaneopen fieldset {

	border: 0;

	border-top: 1px solid #ddd;

}



table.contentpaneopen h3 {

}



table.contentpaneopen h4 {

	font-family: 'Lato', sans-serif;

	color: #333;

}



.highlight {

	background-color: #fffebb;

}



/* module control elements */

table.user1user2 div.moduletable {

}



div.moduletable, div.module {

}



div.module_menu h3 {

}



div.module_menu {

}



div.module_menu div div div {

}



div.module_menu div div div div {

}



div.module_menu ul {

}



div.module_menu ul li a:link, div.module_menu ul li a:visited {

}



#leftcolumn div.module {

}



#leftcolumn div.module table {



}



/* forms */

table.adminform textarea {

  width: 540px;

  height: 400px;

  font-size: 1em;

  color: #000099;

}



div.search input {

	width: 145px;

	border: 1px solid #ccc;

	margin: 15px 0 10px 0;

}



form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#form-login ul { padding-left: 20px; }



form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#com-form-login ul { padding-left: 20px; }



/* thumbnails */

div.mosimage         {  margin: 5px; }

div.mosimage_caption {  font-size: .90em; color: #666; }



div.caption       { padding: 0 10px 0 10px; }

div.caption img   { border: 1px solid #CCC; }

div.caption p     { font-size: .90em; color: #666; text-align: center; }



div.img_caption       { padding: 0 10px 0 10px; }

div.img_caption img   { border: 1px solid #CCC; }

div.img_caption p     { font-size: .90em; color: #666; text-align: center; }



/* Parameter Table */

table.paramlist {

	margin-top: 5px;

}



table.paramlist td.paramlist_key {

	width: 128px;

	text-align: left;

	height: 30px;

}



table.paramlist td.paramlist_value {

}



div.message {

	font-family: 'Lato', sans-serif;

	font-weight: bold;

	font-size : 14px;

	color : #c30;

	text-align: center;

	width: auto;

	background-color: #f9f9f9;

	border: solid 1px #d5d5d5;

	margin: 3px 0px 10px;

	padding: 3px 20px;

}



/* Banners module */



/* Default skyscraper style */

.bannergroup {

}



.banneritem img {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/* Text advert style */



.banneritem_text {

	padding: 4px;

	font-size: 11px;

}



.bannerfooter_text {

	padding: 4px;

	font-size: 11px;

	background-color: #F7F7F7;

	text-align: right;

}



/* System Messages */

/* see system general.css */



.pagination span { padding: 2px; }

.pagination a    { padding: 2px; }



/* Polls */

.pollstableborder td {

	text-align: left;

}



/* WebLinks */

span.description {

	display:block;

	padding-left: 30px;

}



/* Frontend Editing*/

fieldset {

	border: 1px solid #ccc;

	margin-top: 15px;

	padding: 15px;

}



legend {

	margin: 0;

	padding: 0 10px;

}



td.key {

	border-bottom:1px solid #eee;

	color: #666;

}



/* Tooltips */



.tool-tip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

}



.tool-title {

	padding: 0;

	margin: 0;

	font-size: 100%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../../system/images/selector-arrow.png) no-repeat;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}



/* System Standard Messages */

#system-message { margin-bottom: 20px; }



#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}



/* System Error Messages */

#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}



/* System Notice Messages */

#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}



#syndicate{

	float:left;

	padding-left: 25px;

}



#power_by{

	float:right;

	padding-right: 25px;

}



/* Component Specific Fixes */



#component-contact table td {

	padding: 2px 0;

}



h3, .componentheading, table.moduletable th, legend {

}

.article_column column_separator

{
	display:none;
}
		.revista {
		width:400px;
		height:363px;
		}

/*Estilos Base*/
.contenedor-img {
width:400px;
height:413px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #EDEFEC;
}
.contenedor-img .mascara,.contenedor-img .contenido {
width:400px;
height:413px;
position: absolute;
overflow: visible;
top: 0;
left: 0;
margin:0px;
padding:0px;
}
.contenedor-img img {
display: block;
position: relative;
z-index:50;

}
.contenedor-img h2 {
color: #fff;
text-align: center;
position: relative;
font-size: 15px;
background: none;
width:100%;
z-index:100;
margin:0px;
overflow: visible;
}
.contenedor-img p {
font-size: medium;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center;
width:70%;
margin:0px;
padding-top:0px;
z-index:51;
font-size:medium;
}
.contenedor-img a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #FF7F00;
color: #222;
text-transform: uppercase;
box-shadow: 0 0 0px #000;
z-index:52;
position:relative;
}
.contenedor-img a.link:hover {
box-shadow: 0 0 5px #000;
background: #FF7F00;
color:#FFF;
}
.contenedor-img a.linkss {
color: #222;
}
.contenedor-img a.linkss:hover {
color:#FFF;
}


/*snmpe*/
.snmpe img {
transition: all 0.2s linear;
}
.snmpe .mascara {
background-color: rgba(234,237,233, 1.0);
transition: all 0.3s ease-in-out;
}
.snmpe h2 {
margin-top:155px;
color:#222;
}

a.h2servicios:link, a.h2servicios:visited {
	text-decoration: none;
	color:#222;
}
a.h2servicios:hover {
	text-decoration: none;
	color:#FFF;
}


.snmpe p {
transform: translateX(70px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;

}
.snmpe a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.snmpe a.linkss{
}
.snmpe:hover img {
color:#FFF;
opacity: 0.7;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.snmpe:hover .mascara {
opacity: 1;
color:#FFF;
background-color: rgba(255,127,0, 1.0);
}
.snmpe:hover h2{
color:#FFF;
}
.snmpe:hover p,
.snmpe:hover a.link {
opacity: 1;
color:#FFF;
transform: translateX(40px);/*Regresamos a las posiciones originales*/
}
.snmpe:hover p {
transition-delay: 0.1s;
color:#FFF;

}
.snmpe:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(40px);
color:#FFF;
}






div.module_wa h3 {
}
div.module_wa{
	float:left;
}
.module_wa ul {
}
.module_wa ul li a:link, .module_wa ul li a:visited {
}


div.module_wa2 h3 {
}
div.module_wa2{
	float:right;
	text-transform:none;
}
.module_wa2 ul {
}
.module_wa2 ul li a:link, .module_wa2 ul li a:visited {
}





div.module_wc h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:40%;
	margin:auto;
	margin-top:50px;
}
.custom_wc{
	color:#333;
	text-align:center;
	width:80%;
	padding:35px;
	font-size:medium;
	margin:auto;
	position:relative;
}
div.module_wc{
	width:100%;
	
}
.module_wc ul {
}
.module_wc ul li a:link, .module_wc ul li a:visited {
}



div.module_wd h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:15%;
	margin:auto;
	margin-bottom:4px;
}
div.module_wd{
	color:#FFF;
	text-align:center;
	width:100%;
	padding:0px;
	margin:0px;
}
.module_wd ul {
}
.module_wd ul li a:link, .module_wd ul li a:visited {
}



div.module_we h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:15%;
	margin:auto;
	margin-top:60px;
}
div.module_we{
	color:#FFF;
	text-align:center;
	width:100%;

}
.module_we ul {
}
.module_we ul li a:link, .module_we ul li a:visited {
}


div.module_wf h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:25%;
	margin:auto;
	margin-top:60px;
}
div.module_wf{
	color:#FFF;
	text-align:center;
	width:100%;
	margin-bottom:0px;
	padding-bottom:0px;
}
.module_wf ul {
}
.module_wf ul li a:link, .module_wf ul li a:visited {
}


.atestimonios {
width:100%;
}
.atop0 {
height:90px; 
background:#FFF; 
position:relative;
}
.atop {
border-bottom:#95c85f solid 2px; 
height:90px; 
position:fixed; 
z-index:10000; 
text-align:center; 
background: url(../images/transparente.png) repeat; 
width:100%; 
margin-top:-90px;
}
.atop1 {
width:1200px; margin:auto; text-align:center; position:relative; padding-top:15px; padding-bottom:15px;
}



.abottom {
background: #78C895; color:#fff; margin-top:0px;
}
.abottom2 {
width:1200px; margin:auto; position:relative; padding-top:25px; padding-bottom:25px;
}


div.module_wg1 h3 {
}
.custom_wg1{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
	padding-right:30px;
	
}
div.module_wg1{
	display: inline-block; vertical-align:top;
	width:22%;
	margin-right:25px;
	

}
.module_wg1 ul {
}
.module_wg1 ul li a:link, .module_wg1 ul li a:visited {
}



div.module_wg2 h3 {
	text-align: left;
}
.custom_wg2{
	color:#fff;
	text-align: left;
	font-size:medium;
	margin:auto;
}
div.module_wg2{
	display: inline-block; vertical-align:top;
	width:22%;
	margin-right:15px;
	text-align: left;

}
.module_wg2 ul {
}
.module_wg2 ul li a:link, .module_wg2 ul li a:visited {
}



div.module_wg3 h3 {
}
.custom_wg3{
	color:#fff;
	text-align:left;
	font-size:medium;
	margin:auto;
}
div.module_wg3{
	display: inline-block;
	vertical-align:top;
	width:22%;
	margin-right:15px;
	text-align:left;
}
.module_wg3 ul {
}
.module_wg3 ul li a:link, .module_wg3 ul li a:visited {
}



div.module_wg4 h3 {
	text-align: left;
}
.custom_wg4{
	color:#fff;
	text-align: left;
	font-size:medium;
	margin:auto;
}
div.module_wg4{
	display: inline-block; vertical-align:top;
	width:25%;
	margin-right:15px;
	text-align: left;
}
.module_wg4 ul {
}
.module_wg4 ul li a:link, .module_wg4 ul li a:visited {
}


#nombre, #telefono, #email, #mensaje{
	color:#222;
	border:1px #FFFFFF solid;
	background:#FFFFFF;
	padding:10px;
	font-size:medium;
	margin:auto;
	font-family:arial;
}
#enviar{
	color:#fff;
	border:1px #FF7F00 solid;
	background:#FF7F00;
	padding:5px;
	font-size:medium;
	margin:auto;
	font-family:arial;
}



#nombrec, #telefonoc, #emailc, #mensajec{
	color:#222;
	border:1px #FF7F00 solid;
	background:#FFF;
	padding:10px;
	font-size:medium;
	margin:auto;
	font-family:arial;
	width:100%;
}
#terminosc{
	color:#666;
	border:1px #FF7F00 solid;
	background:#FFF;
	padding:10px;
	font-size: small;
	margin:auto;
	font-family:arial;
	width:100%;
	height:40px;
}
#enviarc{
	color:#fff;
	border:1px #FF7F00 solid;
	background:#FF7F00;
	padding:5px;
	font-size:medium;
	margin:auto;
	font-family:arial;
	padding-left:12px;
	padding-right:12px;
}


#dnombre, #dapellidos, #dconferencia, #dtelefono, #demail, #dcelular, #dmensaje, #ddni{
	color:#fff;
	border:2px #fff solid;
	background:#FF7F00;
	padding:10px;
	font-size:medium;
	margin:auto;
	font-family:arial;
	width:80%;
}
#dterminos{
	color:#fff;
	border:2px #fff solid;
	background:#FF7F00;
	padding:10px;
	font-size: small;
	margin:auto;
	font-family:arial;
	width:80%;
	height:40px;
}
#dacepto{
	color:#fff;
	font-size: small;
	padding:10px
}
#dacepto0{
	color:#fff;
	font-size: small;
	padding:10px
}
#denviar{
	color:#fff;
	border:2px #fff solid;
	background:#FF7F00;
	padding:5px;
	font-size:medium;
	margin:auto;
	font-family:arial;
	padding-left:12px;
	padding-right:12px;
	width:80%;
	text-align:center;
}

.serviciosesp{
width:400px;
text-align:justify;
display: inline-block;
vertical-align:top;
margin:25px;
}

.izquierdas{
width:65%; padding-top:50px; text-align:justify; display: inline-block; vertical-align:top; margin-right:45px;
}
.izquierdas2{
width:65%; padding-top:22px; text-align:justify; display: inline-block; vertical-align:top; margin-right:55px;
}

.derechas{
width:30%; background:#FF7F00; text-align:justify; display: inline-block; vertical-align:top;
}
.derechas2{
color:#FFF; padding:30px; padding-top:0px; text-align:center;
}


.izquierdas3{
width:650px; padding-top:10px; text-align:left; display: inline-block; vertical-align:top; margin-right:5px;
}
.derechas3{
width:500px; background:#fff; text-align:justify; display: inline-block; vertical-align:top;
}
.derechas3titulo{
padding-top:30px; text-align:left; font-weight:bold; font-size:55px; line-height:45px; padding-bottom:5px; padding-right:60px; padding-top:45px; font-family: 'Coolvetica-Regular';
}
.derechas3fecha{
text-align:left; padding:3px; padding-top:0px; padding-left:0px; border-top:1px solid #CCC;
}
.derechas3contenido{

}


.centros{
width:100%; padding-top:50px; text-align:justify; display: inline-block; vertical-align:top; margin-right:45px;
}


.bodya{
width:1200px; margin:auto; padding-bottom:30px;
}
.bodyb{
width:70%; padding-top:50px; text-align:center; margin:auto;
}


.subtitulof2 {
text-align:center; margin:auto; margin-top:60px;
}
.subtitulof {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	display: inline;
	padding-top:60px;
	position:relative;
	padding-bottom:10px;
}
.sub2 {
	background:url(../images/barra.jpg) repeat-x top;
	height:2px;
	margin-top:14px;
}

.subtitulo {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	display: inline;
	padding-top:60px;
	position:relative;
	padding-bottom:10px;
}
.subtitulo2 {
	color:#FF7F00;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	display: inline;
	padding-top:60px;
	position:relative;
	padding-bottom:10px;
}
.subtitulo3 {
	color:#333;
	font-size:15px;
	text-align:center;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	margin-bottom:10px;
	display: inline;
	padding-top:60px;
	position:relative;
	padding-bottom:10px;
}


.sub {
	background:url(../images/barra.jpg) repeat-x top;
	height:10px;
	margin-top:16px;
}

.servcarac {
display: inline-block; vertical-align:top; width:240px; text-align:center; padding:15px;
}
.servcarac2 {
display: inline-block; vertical-align:top; width:180px; text-align:center; padding:15px;
}
.servcarac3 {
display: inline-block; vertical-align:top; width:160px; text-align:center;
}

.backgracias {
background: url(../../seb_gracias/images/background-gracias.jpg) repeat-x center; height:600px;
}

.ccsubtitulo {
	color:#333;
	font-size:15px;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	width:100%;
	margin-top:30px;
}
.list-title {
	color:#333;
	font-size:15px;
	text-align:center;
	padding:10px;
	margin:auto;
	width:50%;
	position:relative;
}
.slidez{
	width: auto;
}



.conferenciaesp{
width:390px;
text-align:center;
display: inline-block;
vertical-align:top;
margin-bottom:15px;
}

.conferenciaall{
	width:640px;
	height:580px;
}

.conferencia{
	width:380px;
	height:344px;
}
/*Estilos Base*/
.contenedor-img2 {
width: 380px;
height: 344px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #fff;
}
.contenedor-img2 .mascara2,.contenedor-img2 .contenido {
width: 380px;
height: 344px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
margin:0px;
padding:0px;
}
.contenedor-img2 img {
display: block;
position: relative;
}
.contenedor-img2 h2 {
color: #222;
text-align: center;
position: relative;
font-size: x-large;
padding: 10px 20px 10px;
background: none;
width:50%;
margin:0px;
}
.contenedor-img2 p {
font-size: medium;
position: relative;
color: #222;
padding: 10px 20px 10px;
text-align: center;
width:50%;
margin:0px;
padding-top:0px;
}
.contenedor-img2 a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #FF7F00;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 0px #000
}
.contenedor-img2 a.link:hover {
box-shadow: 0 0 5px #000
}



/*snmpe*/
.snmpe2 img {
transition: all 0.2s linear;
}
.snmpe2 .mascara2 {
opacity: 0;
background-color: rgba(208,208,208, 0.7);
transition: all 0.3s ease-in-out;
}
.snmpe2 h2 {
transform: translateX(-0px);/*Desplazamos a la izquierda*/
opacity: 0;
transition: all 0.7s ease-in-out;

}
.snmpe2 p {
transform: translateX(70px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;

}
.snmpe2 a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.snmpe2:hover img {
}
.snmpe2:hover .mascara2 {
opacity: 1;
}
.snmpe2:hover h2,
.snmpe2:hover p,
.snmpe2:hover a.link {
opacity: 1;
transform: translateX(70px);/*Regresamos a las posiciones originales*/

}
.snmpe2:hover p {
transition-delay: 0.1s;
}
.snmpe2:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(0px);
}





.cursos{
width:290px;
height:263px;
}
.cursosesp{
width:300px;
text-align:center;
display: inline-block;
vertical-align:top;
margin-bottom:15px;
}
/*Estilos Base*/
.contenedor-img3 {
width:290px;
height:263px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #fff;
}
.contenedor-img3 .mascara3,.contenedor-img3 .contenido {
width:290px;
height:263px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
margin:0px;
padding:0px;
}
.contenedor-img3 img {
display: block;
position: relative;
}
.contenedor-img3 h2 {
color: #222;
text-align: center;
position: relative;
font-size: x-large;
padding: 10px 10px 10px;
background: none;
width:45%;
margin:0px;
}
.contenedor-img3 p {
font-size: medium;
position: relative;
color: #222;
padding: 10px 10px 10px;
text-align: center;
width:45%;
margin:0px;
padding-top:0px;
}
.contenedor-img3 a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #FF7F00;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 0px #000
}
.contenedor-img3 a.link:hover {
box-shadow: 0 0 5px #000
}



/*snmpe*/
.snmpe3 img {
transition: all 0.2s linear;
}
.snmpe3 .mascara3 {
opacity: 0;
background-color: rgba(208,208,208, 0.7);
transition: all 0.3s ease-in-out;
}
.snmpe3 h2 {
transform: translateX(-0px);/*Desplazamos a la izquierda*/
opacity: 0;
transition: all 0.7s ease-in-out;

}
.snmpe3 p {
transform: translateX(70px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;

}
.snmpe3 a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.snmpe3:hover img {
}
.snmpe3:hover .mascara3 {
opacity: 1;
}
.snmpe3:hover h2,
.snmpe3:hover p,
.snmpe3:hover a.link {
opacity: 1;
transform: translateX(70px);/*Regresamos a las posiciones originales*/

}
.snmpe3:hover p {
transition-delay: 0.1s;
}
.snmpe3:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(0px);
}






.blog1 {
text-align:left; padding:10px; font-size:x-small;
}
.blog2 {
text-align:center; margin-left:5px;
}
.blog3 {
text-align:left; padding:3px; padding-left:10px; font-size:medium; font-weight:bold;
}
.blog4 {
text-align: justify; padding:5px; padding-top:0px; padding-left:10px; padding-right:10px;
}
.blog5 {
text-align:left; padding:3px; padding-top:0px; padding-left:10px; border-top:1px solid #CCC;
}
.conferenciaesp2{
width:390px;
text-align:center;
display: inline-block;
vertical-align:top;
margin-bottom:15px;
border:1px solid #CCC; box-shadow: 2px 2px 5px #999; margin-left:10px;
}

.conferenciaesp3{
width:390px;
text-align:center;
position:absolute;
left:0%;
top:20%;
vertical-align:top;
margin-bottom:15px;
 margin-left:10px;
}


.slide2b{
	position:absolute; top:15%; left:20%; text-align:left;
	color:#000;
	padding:0px;
	margin:0px;
	margin:auto;
	font-size: medium;
	font-weight:normal;
	width:280px;
	padding:15px;

	background:url(../images/transparente-blog.png) repeat;
    -webkit-border-radius: 5px 5px;  /* Safari  */
     -moz-border-radius: 5px 5px;     /* Firefox */
}

a.leermasblog:link, a:visited {
	text-decoration: none;
	border:#222 solid 2px;
	padding:8px;
	padding-left:12px;
	padding-right:12px;
	font-size:medium;
	font-weight:bold;
	color:#222;
	padding-left:30%;
	padding-right:30%;
	   -webkit-border-radius: 3px 3px;  /* Safari  */
       -moz-border-radius: 3px 3px;     /* Firefox */
}
a.leermasblog:hover {
	text-decoration: none;
	border:#55BAA8 solid 2px;
	color:#55BAA8;
}
.blog1a {
text-align:left; padding:10px; font-size:x-small;
}
.blog2a {
text-align:center; margin-left:5px;
}
.blog3a {
text-align:left; padding:3px; padding-left:10px; font-size:medium; font-weight:bold;border-top:1px solid #222; padding-top:5px;
}
.blog4a {
text-align: justify; padding:5px; padding-top:0px; padding-bottom:10px; padding-left:10px; padding-right:10px;
}
.blog5a {
text-align:left; padding:3px; padding-top:0px; padding-left:10px; border-top:1px solid #222;
}
.blog6a {
text-align:left; padding:3px; padding-top:20px; padding-left:10px; border-top:1px solid #222;
}


.destacado {
	width:100%;
	height:400px;
}
.logoaser {
	width:230px;
	height:54px;
}



.nosotros2a {
width:40%; display: inline-block; vertical-align:top;
}
.nosotros2b {
width:40%; display: inline-block; vertical-align:top;
}
.nosotroscontenido2a {
width:70%; padding-top:30px; text-align:center; margin:auto;
}




.slidef1 {
width:100%; height:600px;
background-position:left;
}

.slidef0 {
width:1200px; position:relative; margin:auto; text-align:center;
}

.slidef2 {
position:absolute;
right:50px;
top:100px; 
text-align:right;
font-size:45px;
font-weight:bold;
font-family: 'Coolvetica-Regular'; 
width:400px; 
color:#FFF; 
text-transform:lowercase;
}



.testimonio1{
width:100%; color:#FFF; padding-bottom:60px; padding-top:100px; text-align:center; background:#FF7F00;
}
.testimonio2{
width:40%; margin:auto; text-align:center; font-size:medium;
}
.testimonio3{
font-size:medium;
}
.testimonio-image {
text-align:center; padding:10px; padding-top:30px;
}
.preventa {
background:#FF7F00; width: 100%; text-align: center;
}


@media all and (max-width: 1280px) {

}

@media all and (max-width: 1024px) {
	
.preventa {
display: none;
}
	
.logoaser {
	width:160px;
	height:38px;
}
.conferenciall{
	width:100%;
	height:100%;
}
.bodya{
width:100%; margin:0px; padding-bottom:0px;
}
.atop0 {
height:90px; 
}
.atop {
	border-bottom:#95c85f solid 2px; height:90px;
}
.atop1 {
width:90%; margin:auto; position:relative; padding-top:15px; padding-bottom:15px; height:35px;
}




.abottom {
background: #78C895; color:#FFF; margin-top:0px;
}
.abottom2 {
width:90%; margin:auto; position:relative; padding-top:15px; padding-bottom:15px;
}



.nosotros2a {
width:90%; display: inline-block; vertical-align:top;margin:auto; padding-bottom:30px;
}
.nosotros2b {
width:90%; display: inline-block; vertical-align:top; margin:auto; padding-bottom:30px;
}
.nosotroscontenido2a {
width:70%; padding-top:30px; text-align:center; margin:auto;
}


div.module_wg1 h3 {
}
.custom_wg1{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
	padding-right:30px;
	
}
div.module_wg1{
	display: inline-block; vertical-align:top;
	width:65%;
	margin-right:0px;
	margin:10px;
}
.module_wg1 ul {
}
.module_wg1 ul li a:link, .module_wg1 ul li a:visited {
}



div.module_wg2 h3 {
}
.custom_wg2{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
}
div.module_wg2{
	display: inline-block; vertical-align:top;
	width:25%;
	margin-right:0px;
	margin:10px;;

}
.module_wg2 ul {
}
.module_wg2 ul li a:link, .module_wg2 ul li a:visited {
}



div.module_wg3 h3 {
}
.custom_wg3{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
}
div.module_wg3{
	display: inline-block; vertical-align:top;
	width:65%;
	margin-right:0px;
	margin:10px;
}
.module_wg3 ul {
}
.module_wg3 ul li a:link, .module_wg3 ul li a:visited {
}



div.module_wg4 h3 {
}
.custom_wg4{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
}
div.module_wg4{
	display: inline-block; vertical-align:top;
	width:25%;
	margin-right:0px;
	margin:10px;
}
.module_wg4 ul {
}
.module_wg4 ul li a:link, .module_wg4 ul li a:visited {
}


.izquierdas{
width:80%; margin:0px; padding-top:20px; padding-left:0px; text-align:justify; display: inline-block; vertical-align:top; margin-right:0px; 
}
.izquierdas2{
width:95%;margin:10px;   padding-top:22px; text-align:justify; display: inline-block; vertical-align:top; margin-right:0px;
}
.derechas{
width:100%; margin:0px; text-align:left; background:#FF7F00; text-align:justify; display: inline-block; vertical-align:top;
}
.derechas2{
color:#FFF; padding:30px; padding-right:90px; padding-top:0px; text-align:center; margin:auto;
}


.slide2b{
	position:absolute; top:15%; left:5%; text-align:left;
	color:#000;
	padding:0px;
	margin:0px;
	margin:auto;
	font-size: medium;
	font-weight:normal;
	width:280px;
	padding:15px;

	background:url(../images/transparente-blog.png) repeat;
    -webkit-border-radius: 5px 5px;  /* Safari  */
     -moz-border-radius: 5px 5px;     /* Firefox */
}


.izquierdas3{
width:90%; padding-top:10px; text-align:left; display: inline; vertical-align:top; margin-right:0px; margin:0px; padding:0px;
}
.derechas3{
width:80%; background:#fff; text-align:justify; display: inline; vertical-align:top; margin:0px; padding:0px;
}
.derechas3titulo{
padding-top:20px; text-align:left; font-weight:bold; font-size:45px; line-height:40px; padding-bottom:10px; padding-right:0px; padding-left:10px;
}
.derechas3fecha{
text-align:left; padding:3px; padding-top:0px; padding-left:0px; border-top:1px solid #CCC; padding-left:10px;
}
.derechas3contenido{
	margin:30px;
	margin-right:80px;
	font-size:medium;
}
.conferenciaall{
	width:100%;
	height:100%;
}


.slidef1 {
width:100%; height:600px; position:relative; 
background-position:center;
background-size:auto;
}
.slidef0 {
width:100%; position:relative; margin:auto; text-align:center;
}
.slidef2 {
position:absolute;
right:30px;
top:50px; 
text-align:rgiht;
font-size:45px;
font-weight:bold;
font-family: 'Coolvetica-Regular'; 
width:40%; 
color:#FFF; 
text-transform:lowercase;
}



div.module_wc h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:55%;
	margin:auto;
	margin-top:50px;
}
}

@media all and (max-width: 800px) {	


.slide2b{
	position:absolute; top:10%; left:5%; text-align:left;
	color:#000;
	padding:0px;
	margin:0px;
	margin:auto;
	font-size: medium;
	font-weight:normal;
	width:280px;
	padding:15px;

	background:url(../images/transparente-blog.png) repeat;
    -webkit-border-radius: 5px 5px;  /* Safari  */
     -moz-border-radius: 5px 5px;     /* Firefox */
}


.logoaser {
	width:160px;
	height:38px;
}
.conferenciall{
	width:100%;
	height:100%;
}
.bodya{
width:100%; margin:0px; padding-bottom:0px;
}
.atop {
	border-bottom:#95c85f solid 2px;
}
.atop1 {
width:90%; margin:auto; position:relative; padding-top:15px; padding-bottom:15px; height:35px;
}




.abottom {
background: #78C895; color:#FFF; margin-top:0px;
}
.abottom2 {
width:90%; margin:auto; position:relative; padding-top:15px; padding-bottom:15px;
}



.nosotros2a {
width:90%; display: inline-block; vertical-align:top;margin:auto; padding-bottom:30px;
}
.nosotros2b {
width:90%; display: inline-block; vertical-align:top; margin:auto; padding-bottom:30px;
}
.nosotroscontenido2a {
width:70%; padding-top:30px; text-align:center; margin:auto;
}


div.module_wg1 h3 {
}
.custom_wg1{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
	padding-right:30px;
	
}
div.module_wg1{
	display: inline-block; vertical-align:top;
	width:90%;
	margin-right:0px;
	margin:10px;
}
.module_wg1 ul {
}
.module_wg1 ul li a:link, .module_wg1 ul li a:visited {
}



div.module_wg2 h3 {
}
.custom_wg2{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
}
div.module_wg2{
	display: inline-block; vertical-align:top;
	width:90%;
	margin-right:0px;
	margin:10px;;

}
.module_wg2 ul {
}
.module_wg2 ul li a:link, .module_wg2 ul li a:visited {
}



div.module_wg3 h3 {
}
.custom_wg3{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
}
div.module_wg3{
	display: inline-block; vertical-align:top;
	width:90%;
	margin-right:0px;
	margin:10px;
}
.module_wg3 ul {
}
.module_wg3 ul li a:link, .module_wg3 ul li a:visited {
}



div.module_wg4 h3 {
}
.custom_wg4{
	color:#fff;
	text-align: justify;
	font-size:medium;
	margin:auto;
}
div.module_wg4{
	display: inline-block; vertical-align:top;
	width:90%;
	margin-right:0px;
	margin:10px;
}
.module_wg4 ul {
}
.module_wg4 ul li a:link, .module_wg4 ul li a:visited {
}


.izquierdas{
width:80%; margin:0px; padding-top:20px; padding-left:0px; text-align:justify; display: inline-block; vertical-align:top; margin-right:0px; 
}
.izquierdas2{
width:95%;margin:10px;   padding-top:22px; text-align:justify; display: inline-block; vertical-align:top; margin-right:0px;
}
.derechas{
width:100%; margin:0px; text-align:left; background:#FF7F00; text-align:justify; display: inline-block; vertical-align:top;
}
.derechas2{
color:#FFF; padding:30px; padding-right:90px; padding-top:0px; text-align:center; margin:auto;
}


.slide2b{
	position:absolute; top:15%; left:5%; text-align:left;
	color:#000;
	padding:0px;
	margin:0px;
	margin:auto;
	font-size: medium;
	font-weight:normal;
	width:280px;
	padding:15px;

	background:url(../images/transparente-blog.png) repeat;
    -webkit-border-radius: 5px 5px;  /* Safari  */
     -moz-border-radius: 5px 5px;     /* Firefox */
}


.izquierdas3{
width:90%; padding-top:10px; text-align:left; display: inline; vertical-align:top; margin-right:0px; margin:0px; padding:0px;
}
.derechas3{
width:80%; background:#fff; text-align:justify; display: inline; vertical-align:top; margin:0px; padding:0px;
}
.derechas3titulo{
padding-top:20px; text-align:left; font-weight:bold; font-size:45px; line-height:40px; padding-bottom:10px; padding-right:0px; padding-left:10px;
}
.derechas3fecha{
text-align:left; padding:3px; padding-top:0px; padding-left:0px; border-top:1px solid #CCC; padding-left:10px;
}
.derechas3contenido{
	margin:30px;
	margin-right:80px;
	font-size:medium;
}
.conferenciaall{
	width:100%;
	height:100%;
}


.slidef1 {
width:100%; height:600px; position:relative;
}
.slidef2 {
position:absolute;
right:30px;
top:30px; 
text-align:right;
font-size:45px;
font-weight:bold;
font-family: 'Coolvetica-Regular'; 
width:45%; 
color:#FFF; 
text-transform:lowercase;
}


.testimonio1{
width:100%; color:#FFF; padding-bottom:60px; padding-top:100px; text-align:center; background:#FF7F00;
}
.testimonio2{
width:65%; margin:auto; text-align:center; font-size:medium;
}


div.module_wc h3 {
	color:#595B59;
	font-size:31px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:55%;
	margin:auto;
	margin-top:50px;
}
div.module_we h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:25%;
	margin:auto;
	margin-top:60px;
}
}

@media all and (max-width: 768px) {
		
}

@media all and (max-width: 480px) {	

.menutab {
border-bottom:2px #ABDF46 solid; 
text-align:left;
}
.menutab2 {
padding:20px;
padding-top:5px; 
padding-bottom:10px; 
color:#999;
}
a.menutab3:link, a.menutab3:visited {
padding-left:14px; 
padding-right:14px;
padding-bottom:20px;
color:#222;
width:300px;
display:block;
}
a.menutab3:hover {
border-bottom:14px;
border-bottom:3px solid #FF7F00;
color:#FF7F00;
}

.subtitulof2 {
text-align:center; margin:auto; margin-top:60px;
}
.subtitulof {
	color:#595B59;
	font-size:30px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	display: inline;
	padding-top:60px;
	position:relative;
	padding-bottom:10px;
}
.sub2 {
	background:url(../images/barra.jpg) repeat-x top;
	height:10px;
	margin-top:16px;
}




.conferenciaesp{
width:290px;
text-align:center;
display: inline-block;
vertical-align:top;
margin-bottom:15px;
}
.slide2b{
	position:absolute; top:20%; left:5%; text-align:left;
	color:#000;
	padding:0px;
	margin:0px;
	margin:auto;
	font-size: medium;
	font-weight:normal;
	width:280px;
	padding:15px;

	background:url(../images/transparente-blog.png) repeat;
    -webkit-border-radius: 5px 5px;  /* Safari  */
     -moz-border-radius: 5px 5px;     /* Firefox */
}
div.module_wc h3 {
	color:#595B59;
	font-size:31px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:85%;
	margin:auto;
	margin-top:50px;
}
.custom_wc{
	color:#333;
	text-align:center;
	width:70%;
	padding:25px;
	font-size:medium;
	margin:auto;
	position:relative;
}

.serviciosesp{
width:400px;
margin:auto;
margin-bottom:10px;
}


div.module_wd h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:35%;
	margin:auto;
	margin-bottom:4px;
}
div.module_we h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:35%;
	margin:auto;
	margin-top:60px;
}
div.module_wf h3 {
	color:#595B59;
	font-size:40px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:4px #FF7F00 solid;
	width:45%;
	margin:auto;
	margin-top:60px;
}





.testimonio1{
width:100%; color:#FFF; padding-bottom:10px; padding-top:30px; text-align:center; background:#FF7F00;
}
.testimonio2{
width:65%; margin:auto; text-align:center; font-size:medium;
}
.testimonio3{
font-size: medium;
}



.conferencia{
	width:280px;
	height:248px;
}
}
@media all and (max-width: 380px) {

}
@media all and (max-width: 320px) {
	
	.subtitulof2 {
text-align:center; margin:auto; margin-top:60px;
}
.subtitulof {
	color:#595B59;
	font-size:23px;
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	display: inline;
	padding-top:60px;
	position:relative;
	padding-bottom:10px;
}
.sub2 {
	background:url(../images/barra.jpg) repeat-x top;
	height:10px;
	margin-top:16px;
}
	
	
	.slide2b{
	position:absolute; 
	top:17%; 
	left:5%; 
	width:230px;

}
.testimonio3{
font-size: small;
}	
.testimonio1{
width:100%; color:#FFF; padding-bottom:10px; padding-top:30px; text-align:center; background:#FF7F00;
}
.testimonio2{
width:75%; margin:auto; text-align:center; font-size:13px;
}


div.module_wc h3 {
	color:#595B59;
	font-size:25px;
	text-align:center;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	width:85%;
}
div.module_wd h3 {
	color:#595B59;
	font-size:25px;
	text-align:center;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	width:85%;
}
div.module_we h3 {
	color:#595B59;
	font-size:25px;
	text-align:center;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	width:85%;
}
div.module_wf h3 {
	color:#595B59;
	font-size:25px;
	text-align:center;
	font-family: 'Coolvetica-Regular';
	border-bottom:4px #FF7F00 solid;
	width:85%;
}

.testimonio-image {
text-align:center; padding:10px; padding-top:30px; padding-left:20px;
}

.slidef1 {
width:100%; 
height:600px;
 position:relative;
 background-position:center;
}
.slidef2 {
position:absolute;
right:10px;
top:20px; 
text-align:right;
font-size:35px;
font-weight:bold;
font-family: 'Coolvetica-Regular'; 
width:65%; 
color:#FFF; 
text-transform:lowercase;
}




.revista {
width:300px;
height:272px;
}
/*Estilos Base*/
.contenedor-img {
width:300px;
height:322px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #EDEFEC;
}
.contenedor-img .mascara,.contenedor-img .contenido {
width:300px;
height:322px;
position: absolute;
overflow: visible;
top: 0;
left: 0;
margin:0px;
padding:0px;
}
.contenedor-img img {
display: block;
position: relative;
z-index:50;

}
.contenedor-img h2 {
color: #fff;
text-align: center;
position: relative;
font-size: 15px;
background: none;
width:100%;
z-index:100;
margin:0px;
overflow: visible;
}
.contenedor-img p {
font-size: medium;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center;
width:70%;
margin:0px;
padding-top:0px;
z-index:51;
font-size:medium;
}
.contenedor-img a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #FF7F00;
color: #222;
text-transform: uppercase;
box-shadow: 0 0 0px #000;
z-index:52;
}
.contenedor-img a.link:hover {
box-shadow: 0 0 5px #000;
background: #FF7F00;
color:#FFF;
}
.contenedor-img a.linkss {
color: #222;
}
.contenedor-img a.linkss:hover {
color:#FFF;
}


/*snmpe*/
.snmpe img {
transition: all 0.2s linear;
}
.snmpe .mascara {

background-color: rgba(255,127,0, 1.0);
transition: all 0.3s ease-in-out;
}
.snmpe h2 {
margin-top:95px;
color:#222;
}

a.h2servicios:link, a.h2servicios:visited {
	text-decoration: none;
	color:#222;
}
a.h2servicios:hover {
	text-decoration: none;
	color:#FFF;
}


.snmpe p {
transform: translateX(70px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;

}
.snmpe a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.snmpe a.linkss{
}
.snmpe:hover img {
color:#FFF;
opacity: 0.7;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.snmpe:hover .mascara {
opacity: 1;
color:#FFF;

}
.snmpe:hover h2{
color:#FFF;
}
.snmpe:hover p,
.snmpe:hover a.link {
opacity: 1;
color:#FFF;
transform: translateX(40px);/*Regresamos a las posiciones originales*/
}
.snmpe:hover p {
transition-delay: 0.1s;
color:#FFF;

}
.snmpe:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(40px);
color:#FFF;
}



.serviciosesp{
width:300px;
margin:auto;
margin-bottom:10px;
}
}




h1 {
  font-weight: normal;
  float: left;
}
h1 span {
  display: block;
}

.tabs {
  width: 100%;
  float: none;
  list-style: none;
  position: relative;
  text-align: left;
  height:150%;
}
.tabs li {
  float: left;
  display: block;
}
.tabs input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
}
.tabs label {
  display: block;
  padding: 14px 21px;
  border-radius: 2px 2px 0 0;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  top: 0px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding-top:19px;
}
.tabs label:hover {
  background: #FFF;
  border-bottom:3px solid #FF7F00;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  line-height: 25px;
  padding: 25px;
  position: absolute;
  top: 53px;
  left: 0;
  text-align:justify;

  border-top: 1px #ADDC38 solid;
}
.tabs [id^="tab"]:checked + label {
  top: 0;
  padding-top:19px;
  background: #FFF;
  border-bottom:3px solid #FF7F00;
  
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

p.link {
  clear: both;
  margin: 380px 0 0 15px;
}
p.link a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  background-color: #612e76;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
p.link a:hover {
  background-color: #522764;
}



