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

html { display:table; height:100%; width:100%; }

body { display:table-cell; vertical-align:middle; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#666; background:#CCC; }

img { display:block; }

a { text-decoration:none; }

a { color:#666; text-decoration:none; }

a:hover, a.active { color:#F00; }

:focus { outline:0; outline:none; }

ul { list-style:none; }



#wrapper { width:930px; height:650px; margin:10px auto; background:#FFF; }



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

 ****** HEADER ******

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

#header, #content { position:relative; width:930px; }

#header { height:135px; }

/* logo */

#logo, #menu, #ojo, #fb, #ml { position:absolute; }

#logo { top:27px; left:20px; display:block; width:125px; height:79px; text-indent:-9999px; background:url('../images/logo.jpg') no-repeat; }

#logo a { display:block; width:100%; height:100%; outline:none; }

/* menu */

#menu { top:27px; left:341px; width:auto; }

#menu ul { float:left; width:260px; }

#menu li { display:block; line-height:20px; }

#menu li a { font-size:17px; }

/* addons */

#ojo { top:53px; right:48px; width:59px; height:53px; }

#fb { top:82px; right:22px; width:27px; height:28px; }

#ml { top:82px; right:52px; width:27px; height:28px; }



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

 ****** CONTENT ******

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

#content { clear:both; height:393px; }

#side, #main { position:absolute; height:393px; }



/*** SIDE ***/

#side { left:0; width:305px; }



/* scroller */

#scroller, #scroller-hide { position:relative; width:286px; height:270px; color:#8C8B8B; text-align:left; }

#scrollWrap	{ position:absolute; left:36px; top:30px; width:220px; height:240px; overflow:hidden; }



#scrollContent a { color:#8C8B8B; }

#scrollContent a:hover { color:#F00; }

#scrollContent p { margin-bottom:15px; }

#scrollContent p2 { color:#FF0000 }

#scrollContent li { list-style:disc; margin-left:15px; margin-bottom:10px; }

#scrollContent ul.listlinks li { list-style:none; margin-left:0px; margin-bottom:0px; text-align:left; }

#scrollContent ul#profesores li a { font-weight:bold; }

#scrollContent ul#talleres { width:185px; }

#scrollContent ul#talleres li { font-weight:bold; margin-bottom:10px; }



#scrollContent ul.listsimple { margin-bottom:15px; }

#scrollContent ul.listsimple li { list-style:none; margin-left:0px; margin-bottom:0px; text-align:left; }



#scrollLinks { position:absolute; right:0; top:30px; width:20px; }

#scrollLinks a img { display:block; width:20px; height:20px; border:0; background-image:url('../images/arrows.gif'); background-repeat:no-repeat; margin-top:68px; }

#scrollLinks a.mouseover_up img { background-position:0% 0%; }

#scrollLinks a.mouseover_up:hover img { background-position:0% 100%; }

#scrollLinks a.mouseover_down img { background-position:100% 0%; }

#scrollLinks a.mouseover_down:hover img { background-position:100% 100%; }



#scroller-hide #scrollWrap { width:240px; }

#scroller-hide #scrollLinks { display:none; }

/* submenu */

#submenu { position:relative; }

#submenu ul { margin:20px 0px 0px 36px; }

#submenu li { float:left; width:100%; display:block; font-size:15px; }

#submenu li a { display:block; color:#666; line-height:19px; }

#submenu li a:hover, #submenu li a.active { color:#F00; }

#submenu ul ul { margin:0px 0px 0px 40px; }

#submenu ul ul li { font-size:11px; }

#submenu ul ul li a { color:#8C8B8B; line-height:19px; }

#submenu ul ul li a:hover, #submenu ul ul li a.active { color:#F00; }



/* contactenos */

#ubicacion { width:250px; color:#8C8B8B; padding:44px 0px 0px 36px; }

#ubicacion img { width:240px; }

#ubicacion p { margin-top:61px; }



#contacto p { /*font-size:10px;*/ margin-bottom:15px; }

#contacto form { }

#contacto label { float:left; width:120px; font-weight:bold; font-size:11px; line-height:21px; }

#contacto span { font:bold 11px Verdana; color:#F00; margin-left:5px; }

#contacto input, #contacto select, #contacto textarea { float:left; width:300px; font:normal 11px Arial; margin-bottom:10px; padding:3px; border:1px solid #8C8B8B; }

#contacto select { width:auto; }

#contacto textarea { height:8em; overflow:auto; resize:none; }

#contacto input.btn { width:auto; margin:0px 10px 10px 0px; padding:1px 3px; }

#contacto input.submit { margin-left:120px; }

#contacto input.reset { padding:1px 3px; }

#contacto br { clear:left; }



/*** MAIN ***/

#main { right:0; width:590px; }

#main img { width:590px; height:393px; }



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

 ****** FOOTER ******

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

#footer { clear:both; height:122px; }

#footer p { line-height:17px; padding-right:15px; padding-top: 50px; text-align:right; }





/*** credits ***/

#credits { clear:both; height:122px; }

#credits p { padding-right:15px; padding-top: 60px; text-align:right; color:#7F7F7F; }

#credits a { color:#7F7F7F; text-decoration:none; }

#credits a:hover { color:#F00; text-decoration:none; }