h@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
}

body {
    background: #EBEBEB url(../img/background.png) repeat-x scroll 0 0;
}

h1.caption{
    margin: 0;
    margin-left: -5000px;
    height: 0;
    padding:0;
    
}
h4{
background:#E6EFD1 none repeat scroll 0 0;
border-bottom:1px dotted #A9CF4D;
color:#414141;
font-size:16px;
font-weight:bold;
height:1.25em;
line-height:1.25;
margin-bottom:1.25em;
padding:4px;}

div.date{
text-align:right;
padding:5px;
font-style:italic;
font-size:11px;}


/* FOOTER */
#footer_bg {
    background: #2a2a2a url(../img/footer_.png) repeat-x scroll 0 0;
    clear:both;
    padding-bottom: 30px;
}

#back_top {
    float:right;
}
#footer_text {
    color: #FFFFFF;
    margin:0 auto;
    width:300px;
    clear:both;
    text-align:center;
    padding-top:20px;
    font-family:Arial,Helvetica,sans-serif;
}
/*QUOTE*/
/*quoutes*/

/* hidden by default */
.q{
	display: none;
}




blockquote {
	line-height:1.5;
	margin: 0.5em;
	
}

.bqstart {
color:#609139;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-style:normal;
font-size:50px;
line-height:0.8;
margin-bottom:50px;

}
	
.bqend {
color:#609139;
font-family:Arial,Helvetica,sans-serif;
font-style:normal;
line-height: 0.6em;
font-size:50px;
line-height:0;
vertical-align:bottom;
}

hr.separator{
	height: 1px;
	background: #B0AFAF;
	margin: 0px 0px 10px;
}
hr.separator2{
    margin: auto;
	margin-top: 40px;
	margin-bottom:20px;
    width:700px;
	
}

/* FOOTER */

/*
html, body{
}

html{
    background: #3f3f3f;
}

.footer{

/*    min-width: 1100px; // vas a tener que jugar con esto
}
*/



/* HEADER */
#header_bg {
    background: transparent url(../img/top_back_menu_.png) repeat-x scroll 0 0;
}

#header {
/*    background: transparent url(../img/top_back_menu.png) no-repeat center center;*/
    width: 980px;
    min-height:68px;
    margin: 0 auto;
}

#back {
    background: transparent url(../img/top_backtosite.png) no-repeat center right;
    width: 980px;
    height: 33px;
}
#back_link {
    float: left;
    padding-top:13px;
    padding-left:10px;
}

.back_text a,
.back_text {
    color:#FFFFFF;
    font-size:90%;
    font-family:Arial,Helvetica,sans-serif;
    text-decoration:none;
}
/* HEADER */


/* SITE */
#wrapper {
    clear: both;
    width:100%;
    margin: 0 auto;
}
#main {
    margin:0 auto;
    width:738px;
}

/* SITE */

/* BANNER */
#banner {
    background:transparent url(../img/banner-home.png) no-repeat bottom center;
    width: 738px;
    min-height:195px;
    margin: 0 auto;
    padding-top:0px;
}
/* BANNER */



div.breadcrumb{
	width: 718px;
	margin: auto;
	font-size: 11px;
	
}


/* LOGO */
#logo {
    position: no-repeat center center;
    width:157px;
    height:119px;
    padding-left:40px;
    padding-top: -20px;
}
/* LOGO */

/* PARTNER */
#partner {
    margin: 0 auto;
    width:450px;
    height: 59px;
    line-height:4em;
    font-family:Arial,Helvetica,sans-serif;
    padding-left:300px;
    color:4b4b4b;
    margin-bottom:5px;
}
#partner_inside {
	width:330px;
	float:left;
	padding-top:10px;
}
.moodle_partner {
    color:#C9A23D;
    text-decoration:underline;
    font-weight:bold;
    a:hover, a:active
    color:#00FF00;
}
/* PARTNER */

/* MENU */
#menu {
    margin-top:10px;
    float: right;
    margin-right: 120px;
}


#suckerfishnav {
    font-size:12px;
    width:100%;
}

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
/*    line-height:40px;*/
    padding:0;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    width: 65px;
    height: 35px;
    padding-top: 13px;
}

#suckerfishnav li {
    float:left;
    padding:0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height: 45px;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    margin-top: -2px;
    border-bottom:1px solid #8B8B89;
    width: 171px;
    }
#suckerfishnav li li {
    border-left:1px solid #8B8B89;
    border-right:1px solid #8B8B89;
    font-family:Arial, sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    font-size:12px;
    font-weight: normal;
    text-align: left;
    width: 150px;
    padding-top: 15px;

    }
#suckerfishnav li ul ul {
    margin:-55px 2px 0 170px;
    border-top:1px solid #8B8B89;
}

#suckerfishnav li li:hover {
    background:#999999;
    color: #fff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul a:link {
    color: #fff;

    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color: #302F30;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#4a4a4a;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#f1f1f1;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: url('../img/tab.gif');
    color: #302F30;
}

#suckerfishnav li.active{
    background: url('../img/tab.gif');
    color: #302F30;
}



/* MENU */


/* CUSTOMERS */
#customers {
    margin:0 auto;
    width:710px;
    padding-top: 30px;
}

#customers_logo {
    width: 130px;
    height: 56px;
    float:left;
    margin-right:20px;
}

#customer_text {
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b;
    font-style:italic;
    float:left;
    width: 520px;
}

#customer_name {
    font-size:80%;
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b;
    font-style:italic;
     
}

/* CUSTOMERS */



/* BOXES */

#boxes {
    margin:0 auto;
    width:770px;
    padding-top:20px;
}

#yellow {
  /*  background:transparent url(../img/custom-solutions.png) no-repeat center center;*/
    width:235px;
    height:233px;
    float:left;
    margin-right:10px;
    margin-left:20px;
	cursor:pointer;
}

#green {
   /* background:transparent url(../img/design-and-themes.png) no-repeat center center;*/
    width:236px;
    height:233px;
    float:left;
    margin-right:10px;
	cursor:pointer;
}

#blue {
   /* background:transparent url(../img/custom-migration.png) no-repeat center center;*/
    width:235px;
    height:233px;
    float:left;
	cursor:pointer;
}
/* BOXES */


/* CONTACTUS */
#contactus {
    background:transparent url(../img/contac_us.png) no-repeat center center;
    width:230px;
    height:65px;
    margin:0 auto;
    margin-top: 20px;
    padding-bottom:60px;
	cursor:pointer;
}
/*FORM*/
.asterisco
{
    margin-right:10px;
}

/* CONTACTUS */


#whity {
    background:transparent url(../img/fondo-blanco.png) no-repeat top center;
    min-height:627px;
}

.services_title {
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 14px;
}
.theme_title{
	font-family:Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	font-size:13px;
		
	}

#inside_center {
    margin:0 auto;
    width: 700px;
    clear:both;
}

.services {
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b;
}

#unique {
    /*background:transparent url(../img/are_you_unique.png) no-repeat center top;*/
	   float:left;
	   width:210px;
}
#foodle_desc{
       width: 426px;
   	   float:left;}
	
.download_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#363434;
	margin-left:16px;}
	
#vertical_bar {
    background:transparent url(../img/separador_vert.png) no-repeat center center;
    height:200px;
    float:left;
    width:10px;
    margin-left:10px;
    margin-right:10px;
}
#goal {
    /*background:transparent url(../img/our_goal2.png) no-repeat center top;*/ 
    width: 212px;
    float:left;
}
#expertise {
    /*background:transparent url(../img/expertice.png) no-repeat center top;*/
    width: 213px;
    float:left;
}
#switching {
    /*background:transparent url(../img/are_you_switching_to_LMS.png) no-repeat center top;*/
    width: 213px;
    float:left;
}

#platforms {
    padding-top: 30px;
    width: 700px;
    margin:0 auto;
    clear:left;
    margin-bottom:10px;
}

#moodle_customization {
    width: 680px;
    margin:0 auto;
    min-height:100px;    
}

#links_margin {
    padding-top:30px;
    width: 700px;
    margin:0 auto;    
}
/*mio*/
#content_work {
  width:700;    
}

.ima_work {
    float:left;
	margin-right:20px;
}
.ima_foodle{
	margin-top:10px;
	margin-bottom:20px;}

#eporfolio_text {
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b;
    width: 700px;
}

div.forum_link{
    background:transparent url(../img/grey.png) no-repeat scroll 0 0;
	color:white;
	font-weight:bold;
	padding: 5px 5px 5px 8px;
	margin-bottom:10px;
	max-height:29px;
	text-decoration:none;
}
div.forum_link a{ 
    color:#FFFFFF;
	text-decoration:none;}
	
div.forum_link a:hover{ 
    color: #fff;
	text-decoration:underline;}
	
div.forum_link a:visited{ 
    color:#FFFFFF;}

.a_casestudy {
    float:right;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#69950F;
	text-decoration:none;
	margin-top:10px;
	}
.flecha_download {
     vertical-align:middle;
	}
	
	
/*/////*/
.text_green_link a,
.text_green_link {
    color: #69950f;
    font-family:Arial,Helvetica,sans-serif;
}

.underline {
    text-decoration:underline;
}


#box_steps {
    padding-top: 20px;
}
#step1_icon {
    background:transparent url(../img/icon_1.png) no-repeat center center;
    width: 119px;
    height:81px;
    float:left;
}
#step_text_box {
    float:left;
    width:580px;
    background:transparent url(../img/box.png) no-repeat center center;
    height:66px;
    margin-top:4px;
}
#step_text_line1 {
    /*background:transparent url(../img/linea.png) repeat-y scroll 0 0;*/
    margin-left:2px;
    height: 54px;
    width:1px;
    float:left;
}
#step1_number{
    background:transparent url(../img/1.png) no-repeat left center;
    float:left;
    padding-left:30px;
    height:50px;
}
#step_text{
    padding-top:8px;
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b;    
}
#step2_icon {
    background:transparent url(../img/icon_2.png) no-repeat center center;
    width: 119px;
    height:81px;
    float:left;
}

#arrow{
    background:transparent url(../img/flecha_gris.png) no-repeat center center;
    clear: both;
    width:29px;
    height:24px;
    margin:0 auto;
}
#step2_number{
    background:transparent url(../img/2.png) no-repeat left center;
    padding-left:30px;
    height:50px;
	padding-left:30px;
	float:left;
}
#step3_number{
    background:transparent url(../img/3.png) no-repeat left center;
    float:left;
    padding-left:30px;
    height:50px;
}

#step3_icon {
    background:transparent url(../img/icon_3.png) no-repeat center center;
    width: 119px;
    height:75px;
    float:left;
}

#box_steps_4 {
    margin:0 auto;
    width:700px;
}

#step4_number{
    background:transparent url(../img/4.png) no-repeat left center;
    float:left;
    padding-left:30px;
    height:50px;
}

#step4_icon {
    background:transparent url(../img/icon_4.png) no-repeat center center;
    width: 119px;
    height:72px;
    float:left;
}

#step5_number{
    background:transparent url(../img/5.png) no-repeat left center;
    float:left;
    padding-left:30px;
    height:50px;
}

#step5_icon {
    background:transparent url(../img/icon_5.png) no-repeat center center;
    width: 119px;
    height:76px;
    float:left;
}

#miyo {
    /*background:transparent url(../img/make_it_your_own.png) no-repeat center top;*/
    width: 209px;
    float:left;
}

#oro {
    /*background:transparent url(../img/our_goal.png) no-repeat center top;*/
    width: 214px;
    float:left;
}

#ode {
   /* background:transparent url(../img/our_designers.png) no-repeat center top;*/
    width: 210px;
    float:left;
}

#about {
    background:transparent url(../img/services-aboutus.png) no-repeat center top;
    width:256px;
    height:511px;
    float:left;
}

#about_text{
    padding-top:8px;
    font-family:Arial,Helvetica,sans-serif;
    color: #4b4b4b; 
    float: right;
    width: 430px;   
}

#other_services {
    background:transparent url(../img/locura-sinlogo.png) no-repeat center top;
    width:256px;
    height:511px;
    float:left;
}

ul.os_bullets{
	list-style-image:url("../img/bullet.png");
}

ul.os_bullets li{
	margin-left: 50px;
}

a.flink:link, a.flink:visited{
	color: #69950F;
}

#contactform p{
	color: red;
}


#platforms {
    padding-top: 30px;
    width: 700px;
    margin:0 auto;
    clear:left;
    margin-bottom:10px;
}

#logos {
  /*margin:0 125px 0 auto;*/
  min-height:100px;
  width:700px
}




.angel_logo {
    position:transparent no-repeat center center;
    width:169px;
    height:82px;
    float:left;
	padding-right:21px;
    /*margin-left:10px;
    margin-right: 15px;*/
   
}


.blackboard_logo{
    width:130px;
    height:82px;
    float:left;
	padding-right:21px;
    /*margin-right: 15px;*/
}

.desire_logo {
    width:169px;
    height:82px;
    float:left;
	padding-right: 21px;
}

.ecollege_logo {
    position:transparent no-repeat center center;
    width:169px;
    height:82px;
    float:right;
   /* margin-right:10px;*/
}

#logos2 {
    width: 480px;
    margin:0 auto;
    min-height:100px;
}



.moodle_logo {
    position:transparent no-repeat center center;
    width:151px;
    height:82px;
    float:left;
    margin-right: 10px;
	margin-left:15px;
}


.sakai_logo {
    position:transparent no-repeat center center;
    width:129px;
    height:82px;
    float:left;
    margin-right: 21px;
}



.webct_logo {
    position:transparent no-repeat center center;
    width:151px;
    height:82px;
    float:left;
}



label {
    float: left;
    margin-right: 0.5em;
    display: block;
}

input {
    margin-bottom: 5px;
 
    margin-left: 5px;
}

#button {
    margin:0 auto;
}
 p {
    color:#4b4b4b;
    font-weight:regular;
}

fieldset{
  margin-right: 10px;
}

div.download a,
div.download a:link{
	cursor:pointer;
	height:32px;
	width:181px;
	padding-left:20px;
}
div.download a:hover{
	cursor:pointer;
	height:32px;
	width:181px;
	padding-left:20px;
	
}
 
 
 div.info{
 float:right;
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 text-align:center;
 padding-right:25px;
margin-top::5px;
 margin-bottom:-12px;
}
 div.info a:link{
 text-decoration:underline;
}
 
 div.info ul {
 list-style-type:none;
  }

 
div.info ul li{
  padding:0 0.1em 0 0.4em;
  border-left:1px solid #000000;
  float:left;
  }
  
div.info ul li.first{
  border:0 none;
  padding-right:10px;}