/*
Template Name: GreyScale Business
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported</a>
*/
@import url(homepage.css);
@import url(navi.css);
@import url(tables.css);

body{margin:0; padding:0; font-size:13px; font-family:verdana, Arial, Helvetica, sans-serif; color:#777777; background-color:#FFFFFF; }
img{ margin:0; padding:0; border:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}
li{margin-left:20px ; padding:5px 0 05px 10px ;}
p{padding: 10px 0 10px 0;}
.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #D2D2D2; padding:5px; color:#666666; background-color:#F7F7F7;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
/* ----------------------------------------------Wrapper-------------------------------------*/
div.wrapper{position:relative; float:left; width:100%; margin:0; text-align:left; }
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 10px 0; padding:0 0 10px 0; line-height:normal; font-weight:normal; font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #D2D2D2; }
div.wrapper h4 {border-bottom: none; font-size:16px; font-weight:bold; padding:10px 0 0 0;}
#content h3 {font-size:20px; color:#000;}
.col1{color:#FFFFFF; background-color:#181818;}
.col2{color:#000000; background-color:#EEEEEE;}

/* ----------------------------------------------Generalise-------------------------------------*/
#head, #intro, .homecontent, #breadcrumb, #container, #cursos_destacados, #footer{position:relative; margin:0 auto 0; display:block; width:960px; }

/* ----------------------------------------------Head-------------------------------------*/
#head{height:120px; font-family:Georgia, "Times New Roman", Times, serif; }
#head #topnav{font-family:Verdana, Arial, Helvetica, sans-serif; }
#head h1, #head p, #head ul, #head a{margin:0; padding:0; list-style:none; line-height:normal; border:none; }
#head h1 a{position:absolute; top:12px; left:0; font-size:26px; font-weight:normal; color:#FFFFFF; background-color:#181818; }
#head p{display:block; position:absolute; top:55px; left:0; color:#CCCCCC; background-color:#181818; font-size:16px; }

/* ----------------------------------------------Homepage Intro-------------------------------------*/
#intro{position:relative; margin:-30px auto 0; display:block; width:930px; height:350px; padding:5px; color:#777777; background-color:#EEEEEE; cursor:pointer; }
/* ----------------------------------------------Cursos destacados paginas interiores -------------------------------------*/
#cursos_destacados_interior{position:relative; margin:10px auto 0; display:block; width:930px; height:360px; padding:5px; color:#777777; background-color:#EEEEEE; cursor:pointer; }
#cursos_destacados_interior h2, #cursos_destacados_interior p, #cursos_destacados_interior ul, #cursos_destacados_interior a{margin:0; padding:0; list-style:none; }
#cursos_destacados_interior li{display:block; float:left; width:130px; height:330px; margin:0 5px 0 0; padding:10px; color:#666666; background-color:#D2D2D2; }
#cursos_destacados_interior li.featured{width:290px; margin:0; color:#333333; background-color:#f6f6f6; line-height:1.6em; overflow:inherit; }
#cursos_destacados_interior li.featured a{color:#999; background-color:#f6f6f6; }
#cursos_destacados_interior li.featured h2{margin:0 0 15px 0; padding:0 0 8px 0; font-size:22px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal; border-bottom:1px solid #999; }
#cursos_destacados_interior li.featured p.imgholder{display:block; width:280px; height:70px; margin:0 0 15px 0; padding:4px; color:#666666; background-color:#fff; /* border:1px solid #888; */ }
#cursos_destacados_interior li.featured p.readmore{display:block; width:100%; margin:15px 0 0 0; font-weight:bold; text-align:right; line-height:normal; }

/* ----------------------------------------------Breadcrumb Navigation-------------------------------------*/
#breadcrumb{position:relative; margin:-30px auto 0; display:block; width:930px; padding:15px; color:#777777; background-color:#F9F9F9; }
#breadcrumb a{font-weight:bold; color:#999; background-color:#F9F9F9; }
#breadcrumb ul{margin:0; padding:0; list-style:none; }
#breadcrumb ul li{display:inline;}
#breadcrumb ul li.first{font-weight:bold;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/
#container{padding:30px 0; min-height: 120px; margin-bottom:20px;}
#container a{color:blue; background-color:#FFFFFF; }

/* ----------------------------------------------Content-------------------------------------*/
#content{display:block; float:left; width:630px; margin-bottom:40px;}

/* ------Comments-----*/
#comments{margin-bottom:40px;}
#comments .commentlist {margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#000000; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#000000; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Right Block-------------------------------------*/
#column{display:block; float:right; width:300px; }
#column .holder, #column #featured{display:block; width:300px; margin-bottom:40px; }
#column .holder p{line-height:1.6em; }
#column h2{font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 8px 0; color:#666666; background-color:#FFFFFF; line-height:normal; border-bottom:1px dashed #CCCCCC; }
#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; colocolor: #a2a2a2;; /* background-color:#F7F7F7; border:1px solid #CCCCCC; */ }
#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal; }
#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC; }
.title a, .title a:hover, .title a:visited {font-size: 19px; color: #a2a2a2; font-weight:normal;}
/* Featured Block */
#column #featured a{color:#000000; /* background-color:#F9F9F9; */ background-color:transparent;}
#column #featured ul, #column #featured h2, #column #featured p{margin:0; padding:0; list-style:none; cursor:pointer; }
#column #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#2E271D; background-color:#F9F9F9; }
#column #featured li p{line-height:1.6em; }
#column #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; border:1px solid #CCCCCC; }
#column #featured li h2{margin:0; padding:0 0 14px 0; color:#666666; /* background-color:#F9F9F9; */line-height:normal; border-bottom:1px dashed #666666; }
#column #featured p.more{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal; }
/* Prácticas en del centro */
.practicas{ float:left; background-color:#ECECEC}
.practicas ul{list-style:none; cursor:pointer; border:none;list-style:none; padding-bottom:10px; margin-top:10px; margin-bottom:10px; border-bottom:2px solid #efefe6;}
.practicas ul li{width:108px; height:39px;  display:inline; padding-left:57px; color:#666; font-size:16px; font-weight:bold; line-height:18px; padding-top:15px;}
.practicas ul li.practicas{background:url(../images/bg-logo-practicas-bolsa-empleo.png) top left no-repeat; float:left;}
.practicas ul li.bolsa{background:url(../images/bg-logo-practicas-bolsa-empleo.png) left -57px no-repeat;}

/* ----------------------------------------------cursos_destacados-------------------------------------*/
#cursos_destacados{margin:0 auto; padding:30px 0; }
#cursos_destacados a{display:block; width:300px; color:#000000; background-color:#EEEEEE; }
#cursos_destacados ul{margin:0; padding:0; list-style:none; }
#cursos_destacados li{display:inline; float:left; margin:20px 30px 0 0; padding:0; }
#cursos_destacados li.last{margin-right:0; }
#cursos_destacados strong{display:block; width:100%; text-align:right; font-weight:bold; }
#cursos_destacados img{display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC; }

/* ----------------------------------------------Footer-------------------------------------*/
#footer{padding:20px 0; }
#footer a{color:#FF9900; background-color:#181818; }
#footer h2{margin:0 0 15px 0; padding:0 0 8px 0; font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#CCCCCC; background-color:#181818; line-height:normal; border-bottom:1px dashed #CCCCCC; }
#contactform{display:block; float:left; width:350px; }

/* ------Company Details------*/
#compdetails{display:block; float:right; width:550px; }
#compdetails ul{margin:0; padding:0; list-style:none; }
#compdetails li{margin:0 0 12px 0; }
#compdetails li.last{margin:0; }
#officialdetails{float:left}
#officialdetails li.last{margin-bottom:20px;}
#contactdetails{float:right}

/* ------Copyright------*/
#copyright{display:block; float:left; width:100%; margin:25px 0 0 0; padding:20px 0 0 0; font-size:12px; border-top:1px dashed #666666; }
#copyright p{margin:0; padding:0; }

/* ------Meerkat------ */
#meerkat-container { position: relative; }
#meerkat { width: 100%; display: none; background-color: black; }
#meerkat-content { position: relative; width: 940px; margin: 0 auto; padding-top: 10px; text-align: left; height: 75px;}
#meerkat-content img.logo-acc{border: 0px solid black; background: black; margin-top: -8px; display: inline; margin-left: 0px;}
#meerkat-content a.floatright{	position: absolute; top: 1px; right: 0px; background:black; width: 300px; margin-right: -70px; border:0px; text-decoration: none; float:right }
#meerkat-content a.floatright img{border: 0px; background: black;margin-top:3px;}
#meerkat-content h1{ color: #FFF; font-size: 3.8em; }
#meerkat-content p{ color: #FFF; font-size: 1.2em; padding-left: 150px; top: 0px; margin-top: -45px; }

/* ------Secciones de familias y cursos------  */
#enlaces { margin-bottom: 30px;  }
#enlaces a {}
#enlaces a:hover {font-weight:bold; font-size: 90%;}
#enlaces p{clear:both; padding: 5px 0; margin: 0px; color: #a2a2a2;}

/*  */
#curso_fp {background-color:#EEE; padding-bottom: 20px; margin-bottom:10px;}
#curso_fp a{color:#000000; /* background-color:#F9F9F9; */ background-color:transparent; margin:0px 50px; background-color:#EEE;}
#curso_fp ul, #curso_fp h2, #curso_fp p{margin:0; padding:0; list-style:none; }
#curso_fp blockquote{display:block; width:250px; margin:0; padding:20px 25px; color:#2E271D; background-color:#EEE; }
#curso_fp blockquote p{line-height:1.6em; font-size: 16px; }

.practicas {margin-bottom:20px; clear:both;}
.listado_cursos{ border-top:dashed 1px #090; margin-top:10px; padding: 10px auto; }
.listado_cursos a {text-decoration: underline; color: blue}

	/* Tablas y tests */
.borde {border:1px solid #000;}
.txt {padding-left:10px; font-size:12px;}
.edad {margin:0px 0px 0 50px;}
.cupon {  min-height:327px; text-align:left;}
.cupon td{line-height:10px;}
.button { font: 16px Arial; color:#FFFFFF; border: none; width:211px; height:44px; background: url(http://www.fpgradosuperior.es/inc/img/solicitar_bt_form.gif) no-repeat top left ; padding: 1px 8px; text-align:center; font-weight:bold; margin:20px 14%; cursor:pointer; }
a .button {text-decoration:none;}
.solicita {font-weight:bold; font-size:14px; padding-bottom:0px; width:60%;height:30px;  margin-top: 20px; float:right;}
.mb {margin-bottom:5px;}
.texto_edad{ width:150px; display:inline;}
.formulario {border: 1px solid #F00; background:#FFF5C7; border:#ffe57f 4px solid;}
