@charset "UTF-8";
/* CSS Document */ 

/*
Theme Name: SP
Theme URI: http://monterreyinteractive.org/neue/
Description: Template made exclusively for MIMEC
Author: Restate Media
Author URI: http://restatemedia.com/
Tags: none

--Stylesheet for MIMEC website-------------------
--Last update: Thu 27, may 010 ------------------
*/

@import "layouts.css";
@import "blog.css";
@import "ficha.css";

/*--@Reset-------------------*/
* {	margin: 0; padding: 0; border: none; outline: none;}
ol, ul {list-style: none;}
.clear { clear:both;}

/*--@General-------------------*/

body {background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size:10px; background-image:url(imgs/back.jpg); background-repeat:repeat-x; background-position:top;}
h1 {}
h2 {}
h3 {}
p {}



/*--@Links-------------------*/
a, a:active, a:link, a:visited {text-decoration: none;}
a:hover {}



/*--@Layout-------------------*/

#wrapper { width:960px; position:relative; left:50%; margin-left:-470px;}


#head {width:940px; height:150px; position:relative; margin:0px 10px;}
#logo { position:relative; top:40px; left:0px;  width:242px; height:75px;}
#logoloading { position:relative; top:80px; left:340px;  width:242px; height:75px;}
.logotype { text-indent:-9999px; background-image: url(imgs/logo.png); background-repeat:no-repeat; width:242px; height:75px; display:block}

.colors { position: absolute; width: 43px; height:7px; display:block; background-image:url(imgs/colors.png); right:0px;}
.colorsloading { position: fixed; width: 43px; height:7px; display:block; background-image:url(imgs/colors.png); right:50%;}
.colorscaos { position: absolute; width: 60px; height:98px; display:block; /*background-image:url(imgs/colors-caos.png);*/ right:0px; bottom:0px;}
.colorscaosloading { position: fixed; width: 60px; height:98px; display:block; background-image:url(imgs/colors-caos.png); right:50%; bottom:0px;}

span#sp {position: absolute; width:16px; height:11px; right:20px; top:30px;}
span#eng {position: absolute; width:16px; height:11px; right:0px; top:30px;}
span#sp a { color: #fff; text-decoration:none; background-image:url(imgs/mx.gif); width:16px; height:11px; background-repeat:no-repeat; display:block;}
span#eng a { color: #666; text-decoration:none; background-image:url(imgs/gb.gif); width:16px; height:11px; background-repeat:no-repeat; display:block;}

#main {clear:both;}

.sixcolumns {width:460px; position:relative; overflow:hidden;}
.eightcolumns { width:630px; position:relative; overflow:hidden;}
.sixcolumns p, .sixcolumns h1, .sixcolumns h2, .sixcolumns h3, .sixcolumns a { margin-bottom:10px;} 
.extendedsixcolumns {width:470px; position:relative;}
.leftfloated {float:left;}
.rightfloated {float:right;}

.columnados {width:140px; float:left; padding:0px 10px;}
.columnatres {width:220px; float:left; padding:0px 10px;}
.columnacuatro {width:280px; float:left; padding:0px 10px;}
.columnaocho {width:700px; float:left; padding:0px 10px; position:relative;}

div.error { width:940px; height:120px; margin:10px; background-image:url(imgs/back-cross.png); background-repeat:repeat;}
div.error h1 {color:#fcb034; padding:35px 10px 5px 10px;}
div.error h2 { color:#666; padding:0px 10px;} 



/*--@Menu-------------------*/



/* Vertical Dropdown version

#menu {border-bottom:1px solid #000; border-left:1px solid #000; position:absolute; top:60px; right:0px; font:12px Arial; text-transform:uppercase; color: #9fa1a4; width:664px; height:30px; background-color:#0f0f0f;}
#menu ul { z-index:300; position:relative;}
#menu ul li {}
#menu ul li a {}
#menu ul li a:hover {}

        Modified version of Pure Css Menu by jankoatwarpspeed.com 
		#menu ul#nav { margin:0px; padding:0px; display:block; position:relative;}
        #menu ul#nav > li { list-style-type:none; float:left; margin:0px; position:relative; padding:8px 4px 5px 4px; width:98px; text-align:center; display:block;}
        #menu ul#nav > li:hover ul { display:block; position:relative;}
        #menu ul#nav > li:hover { background-color:#0f0f0f; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative;}
        
        #menu ul#nav li ul { margin:0px; padding:0px; display:none;}
        #menu ul#nav li ul li { list-style-type:none; margin:10px 0 0 0; position:relative;}
        #menu ul#nav li ul li a { display:block; padding: 8px 10px; color: #fff; text-decoration:none; font: bold 9px Arial; position:relative;}
        #menu ul#nav li ul li:hover a { background-color:#333333; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;}
        #menu ul#nav li span { cursor:pointer; margin:0px 10px; font-weight:bold; position:relative; }
		#menu ul#nav li a {font-weight:bold; color: #9fa1a4; position:relative;}
		#menu ul#nav li a:hover { color:#FFF;}
		
		*/



/* Horizontal Dropdown version */

#menu_beta {border-bottom:1px solid #000; border-left:1px solid #000; position:absolute; top:60px; right:0px; font:12px Arial; text-transform:uppercase; color: #9fa1a4; width:664px; height:30px; background-color:#0f0f0f;}
#menu_beta ul { z-index:300;}
#menu_beta ul li {}
#menu_beta ul li a {}
#menu_beta ul li a:hover {}

        /*Modified version of Pure Css Menu by jankoatwarpspeed.com */
		#menu_beta ul#nav { margin:0px; padding:0px; position:relative;}
        #menu_beta ul#nav > li { list-style-type:none; float:left; margin:0px; padding:0px;  text-align:center; display:block; width:98px; height:30px; padding:8px 4px 5px 4px;}        
		
		#menu_beta ul#nav li:hover ul { display:block; position:absolute; top:35px;} /*Dropdown once visible through hover*/
		#menu_beta ul#nav li:hover ul#menu_mimec { left:130px;}
		#menu_beta ul#nav li:hover ul#menu_integrantes {left:220px;} /*Aditional offset applied to improve selectability*/
		#menu_beta ul#nav li:hover ul#menu_servicios {left:0px;}
		#menu_beta ul#nav li:hover ul#menu_noticias {left:440px;}  /*Aditional offset applied to improve selectability*/
		
        #menu_beta ul#nav > li:hover {}
        
        #menu_beta ul#nav li ul { margin:0px; padding:0px; display:none;!important height:40px;} /*Fixed width allows hover persistency while eselecting a sub-menu option, display=none hides ul while not hovering on main menu*/
        #menu_beta ul#nav li ul li { list-style-type:none; margin:0px; float:left;}
        #menu_beta ul#nav li ul li a { display:block; padding: 8px 7px; color: #fff; text-decoration:none; font: bold 9px Arial;} /*Dropdown normal state*/
        #menu_beta ul#nav li ul li:hover a {text-decoration:underline;}   /*Dropdown hover states*/
        #menu_beta ul#nav li span { cursor:pointer; margin:0px 10px; font-weight:bold;}
		#menu_beta ul#nav li a {font-weight:bold; color: #9fa1a4;}
		#menu_beta ul#nav li a:hover { color:#FFF;}

/*--@Home-------------------*/

.homewrap { width:940px; margin:0px 10px; overflow:hidden;}
.hometitles { font-size:16px; text-transform:uppercase; padding:10px;}





.featured { width:940px; height:280px; background-image:url(imgs/back-feat.jpg); background-repeat:repeat-x; padding:0px; margin:0px;}
.featured .featinfo { width:240px; height:250px; padding:30px 0px 0px 30px; float:left;}
.featured .featinfo h1 { font-size:24px; color:#2d2d2d; line-height:24px; padding:0px 0px 10px 0px; border-bottom:1px solid #909090; margin-bottom:10px; text-shadow: 0.05em 0.05em 0.05em #fff;}
.featured .featinfo h3 { font-size:10px; color:#fff; text-transform:uppercase; margin-bottom:10px;}
.featured .featinfo p { line-height:14px; color:#7d7d7d; margin-bottom:5px;}
.featured .featinfo span.vermas a {font-size:10px; font-weight:bold; color:#ec068d; padding-top:5px; text-decoration:underline;}


.featured .featimg { float:right; padding:0px; margin:0px; height:280px;}







#twitter { width:450px; display:block; border-left:10px solid #005dab; margin-bottom:10px; background-image:url(imgs/twit-back.jpg); background-repeat:repeat-x;}
#twitter h4 { color:#5ba1db; font-size:9px; text-transform:uppercase; padding:10px 0px 2px 10px;}
#twitter h2 { color:#9fa1a4; font-size:16px; text-transform:uppercase; padding:0px 0px 2px 10px;}
#twitter p { color:#929191; font-size:10px; font-weight:bold; margin:20px 0px 2px 10px;}
#twitter p a { color:#005dab;}
#twitter div#twitter_div ul#twitter_update_list {color:#929191; font-size:10px; font-weight:bold; margin:20px 0px 2px 10px; list-style:none;}
#twitter div#twitter_div ul#twitter_update_list li { padding:10px 0px; border-top:1px solid #d9d9d9; margin-right:10px;}
#twitter div#twitter_div ul#twitter_update_list li:fisrt-child { border-top:none;}


#twitter div#twitter_div ul#twitter_update_list li a {color:#005dab;}

#reel {width:460px; height:305px; background:#999; display:block; margin:10px 0px;}

#newsleft { width:210px; float:left; position:relative;}
#newsright { width:250px; float:right; position:relative; margin-top:10px;}



/*--
 ---
 ---
Nessletter -------------------
 ---
 ---
--*/

#newsletter { display:block; width:210px; background-color:#f0f0f0; border:1px solid #d9d9d9; margin:10px 0px 10px 0px;}
#newsletter p { padding:0px 0px 0px 10px; color:#999999; font-size:10px; line-height:12px; letter-spacing:0px;}
#newsletter fieldset p {text-align:right; padding:10px;}

#newsletter button { background-color:#f7ac32; color: #fff; background-image:url(imgs/button-back.jpg); background-repeat:repeat-x; height:20px; width:70px; text-transform:uppercase; font-size:10px; border:1px solid #dc9524; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#newsletter button:hover { border-color:#FFF;}
#newsletter button img { padding:0px 0px 0px 0px;}


/*-- Cforms --*/

#newsletter form { width:210px; margin:0px; text-align:right;}
#newsletter form fieldset { width:190px; padding:0px 10px; border:none; background-color:#f0f0f0; margin:0px;}

#newsletter form fieldset ol

#newsletter form fieldset ol.cf_ol li.cf_li_err { border:none; outline:none; border-width:0px;}

#newsletter form fieldset ol li label {}
#newsletter form fieldset ol li input { width:180px; height:20px; border:1px solid #d9d9d9;}
#newsletter form fieldset ol li span { font-size:8px; color:#666; padding:0px; font-style:italic;}

#newsletter form p.cf-sb {width:189px; height:20px; margin:0px 10px 10px 10px;}
#newsletter form p.cf-sb input#sendbutton2 { margin:0px;}
#newsletter form p.cf-sb input { margin:0px; float:right; height:20px; width:70px; border:1px solid #0CF;}

p.linklove { display:none;}

#newsletter div#usermessage2b { width:160px; margin:0px 10px; font-weight:bold; color:#333;}

#newsletter div.cf_info { width:160px; margin:0px 10px; font-weight:bold; color:#333;}

#newsletter form fieldset input#cf_working2 { width:160px; margin:0px 10px; font-weight:bold; color:#fff; background-color:#f0f0f0;}
#newsletter div#cf_working { width:160px; margin:0px 10px; font-weight:bold; color:#fff; background-color:#f0f0f0;}
#newsletter div#cf_working2 { width:160px; margin:0px 10px; font-weight:bold; color:#fff; background-color:#f0f0f0;}

#newsletter div.success { width:160px; margin:0px 10px; font-weight:bold; color:#333; background-color:#f0f0f0;}
#newsletter div.success2 { width:160px; margin:0px 10px; font-weight:bold; color:#333; background-color:#f0f0f0;}

#newsletter div.failure { width:160px; border:none; color:#F06;}
#newsletter div.failure2 { width:160px; border:none; color:#F06;}

#newsletter div.cf_info {border:none; background-image:none;}
#newsletter div.failure {background-color:#f0f0f0; color:#F06;}
#newsletter div.failure2 {background-color:#f0f0f0; color:#F06;}
#newsletter div.success {background-color:#f0f0f0; color:#09F;}
#newsletter div.success2 {background-color:#f0f0f0; color:#09F;}

/*--
 ---
 ---
Noticias -------------------
 ---
 ---
--*/



#noticias { width:250px; position:relative}
#noticias ul li.noticiahome {display:block; width:250px; height:118px; position:relative;} 
#noticias ul li.noticiahome h3 { position:absolute; top:65px; left:10px; font-size:18px; font-weight:bold;}
#noticias ul li.noticiahome h3 a { text-decoration:none; color:#005dab; text-shadow: 0.05em 0.1em -0.1em #fff;}
#noticias ul li.noticiahome h3 a:hover { color:#0a4e87;}
#noticias ul li.noticiahome p {position:absolute; top:90px; left:10px; font-size:10px; color:#444; font-weight:bold; width:220px;}
#noticias ul li.noticiahome span.pantalla_blanca { background-image:url(imgs/back-white-opacity.png); display:block; width:250px; height:60px; position:absolute; left:0px; bottom:0px;}

#eventos { width:210px; text-align:center; background-color:#f0f0f0;}
#eventos ul.loseventos li.eventohome:first-child { border-top:none;}

#eventos ul li.eventohome {display:block; width:210px; height:70px; position:relative; background-color:#f0f0f0; border-top:1px solid #d9d9d9; border-collapse:collapse;} 
#eventos ul li.eventohome h4 { position:absolute; top:17px; left:40px; font-size:12px; color:#474747; font-weight:bold; text-decoration:none;}
#eventos ul li.eventohome h4 {color:#676767;}
#eventos ul li.eventohome p.eventolugar {position:absolute; top:37px; left:40px; font-size:10px; color: #a4a4a4; font-weight:normal;}
#eventos ul li.eventohome a.masinfo {position:absolute; top:47px; left:40px; font-size:10px; color: #5a4099; font-weight:bold; text-decoration:none;}
#eventos ul li.eventohome a.masinfo:hover { color:#5a4069;}
#eventos ul li.eventohome .eventonumero {position:absolute; top:18px; left:10px; font-size:16px; color:#fff; background-color:#2d2d2d; padding:3px; font-weight:bold; width:18px;}
#eventos ul li.eventohome .eventomes_home {position:absolute; top:41px; left:10px; font-size:9px; color:#fff; background-color:#6d6d6d; padding:3px; font-weight:bold; width:18px;}


/*--@Footers-------------------*/

#footerin { height:190px; width:960px; overflow:hidden; clear:both; margin-top:30px;}
#sitemap { width:940px; margin:0px 10px;  clear:both;}
#sitemap ul { width:188px; float:left; list-style:none;}
#sitemap ul li.sitemaptitle { padding:25px 0px 25px 0px; font-size:12px; color:#555555; font-weight:bold; text-transform:uppercase;}
#sitemap ul li a{ font-size:10px; color:#555555; line-height:13px;}
#sitemap ul li a:hover { color:#111;}

#footerout {clear:both; background-image:url(imgs/back.jpg); background-repeat:repeat-x;}

#footerout #finalnotes {width:940px; position:relative; left:50%; margin-left:-460px; padding-bottom:40px;}
#footerout #finalnotes p { color:#FFF; font-size:10px; line-height:15px;}

#footerout #finalnotes ul.socialmedia { list-style:none; padding:30px 0px 20px 0px;}
#footerout #finalnotes ul.socialmedia li { padding-right:5px; display:inline;}


/*--@Adicionales-------------------*/

.naranjacolor {color:#fcb034;}
.azulcolor {color:#005dab;}
.amarillocolor {color:#ffea00;}
.rosacolor {color:#ec068d;}
.moradocolor {color:#5a4099;}

.naranjaborde {border-top: 5px solid #fcb034}
.azulborde {border-top: 5px solid #005dab;}
.amarilloborde {border-top: 5px solid #ffea00;}
.rosaborde {border-top: 5px solid #ec068d;}
.moradoborde {border-top: 5px solid #5a4099;}

.naranjafondo {background-color:#fcb034; color:#FFF;}
.azulfondo {background-color:#005dab; color:#FFF;}
.amarillofondo {background-color:#ffea00; color:#FFF;}
.rosafondo {background-color:#ec068d; color:#FFF;}
.moradofondo {background-color:#5a4099; color:#FFF;}