body {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #000;
        line-height:16px;
	font-family:"Verdana", "Geneva", sans-serif;
	text-align:center;
}
#wrapper{
	margin:0 auto;
	text-align:left;
	width:800px;
}

span{
	color:#33CC00;
}

h1, h3 {
	margin: 0;
	font-weight: normal;
	color: #555555;
}

p {
	margin: 2px 10px 2px 10px;
	text-align: justify;
	line-height: 18px;
	font-size: 11px;
	font-family:"Verdana", "Geneva", sans-serif;
}
.clear-fix{
	clear:both;
}
img {
	border: none;
}

.equipo{
	text-align:right;
}

/* Galeria */
#demo {
	width:400px;
	margin:0 auto
}

/* Header */
#header {
	width: 800px;
	height: 65px;
	text-align: right;
	margin: 67px auto 17px auto;
}

#logo {
	float: left;
	text-align:left;
	padding: 0 0 0 10px;
}

/* Menu */

#menu {
	float: right;
	text-align:right;
	height: 40px;
}

#menu  {
        width:516px;	
	margin: 0;
	padding: 10px 0 0 0;
}
#menu .item{
    float:left;
}
#menu a {
	float: left;
	padding-top: 5px;
	height:20px;
        padding-bottom: 5px;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}
#menu a.last {
	float: left;
	padding-top: 5px;
        padding-bottom: 5px;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	border-right-color:#fff;
	border-right: 0px inset;
}
#menu a span{
    color:#555;
}
#menu a:hover span {
    color:#555;
    height:20px;
    border-bottom:1px solid #33CC00;
}
#menu .active a span{
    color:#555;
    height:20px;
    border-bottom:1px solid #33CC00;
}
#menu .sep{
    width:20px;
    height:25px;
    float:left;
}

/* Page */
#page {
	width: 800px;
	margin: 0 auto;
}

/* Content */
#content {
	float: left;
	width: 435px;
        padding-top:10px;
}

#content .mod_article{
    width:420px;
    float:right;
    text-align:left;
    padding-left:0px;
    padding-right:0px;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 321px;
	padding-top:10px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h1 {
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 40px;
	font: "Times New Roman", Times, serif;
	font-style:oblique;
	text-align:right;
}

/* Pagina nosotros*/
#page_nosotros {
	width: 400px;
	margin:auto;
}

#nosotros {
	float: none;
	width: 400px;
}

/* Pagina servicios*/
#page_servicios {
	width: 800px;
	margin: auto;
}

#text_desa_web{
	float: left;
	width: 390px;
	height: 300px;
	background: #FCFCFC;
}

#img_desa_web{
	float: right;
	width: 380px;
	height: 300px;
	background: #FCFCFC;
}
#text_desa_sof{
	float: left;
	width:390px;
	height: 300px;
	background: #FCFCFC;
}

#img_desa_sof{
	float: right;
	width: 380px;
	height: 300px;
	background: #FCFCFC;
}

/* Page Portafolio */
#page_portafolio{
	width: 775px;
	margin: 0 auto;
	float:right;	
	/*background: #FCFCFC;*/
}
#page_portafolio table{
	margin-bottom:10px;
}
/* Page Proyectos */
#page_proyectos{
	width: 775px;
	text-align:center;
}

#proyectos {
	float: none;
	width: 800px;
}

#page_proyectos h1 {
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 40px;
	font: "Times New Roman", Times, serif;
	font-style:oblique;
	text-align:right;
}

#proy{
	float: left;
	width:390px;
	background: #FCFCFC;
}

#texto_proy{
	float: right;
	width: 380px;
	background: #FCFCFC;
}

/* Page Contacto */
#page_contacto{
	width: 800px;
	margin: 0 auto;
	background: #FCFCFC;
	height: 400px;
}

#text_contacto{
	float: left;
	width:390px;
	height: 300px;
	background: #FCFCFC;
}

#logo_contacto{
	float: right;
	width: 380px;
	height: 300px;
	background: #FCFCFC;
}

#logo_contacto img{
	margin: 10px 10px 10px 50px;
}

#bloque-portada{
    height:232px;
    width:401px;
    border: solid 1px #FFFFFF;
    text-align:center;
    margin:27px auto;
    padding-top:6px;
    background:url(../images/quecomo-fondo.jpg);
    background-repeat:repeat-y;
}
#bloque-portada ul{
    margin:0px;
}
#bloque-portada ul li{
   margin:0px;
   padding:0px;
   margin-bottom:5px;
   /*float:left;*/
   font-size:10px;
   line-height:14px;
   list-style-image:url(../images/vineta.jpg);
}
#bloque-portada-izquierda, #bloque-portada-derecha{
   width:191px;
   height:150px; 
   margin:0; 
   padding:0
}
#bloque-portada-izquierda{
   float:left;
}
#bloque-portada-derecha{
   float:right; 
}
#bloque-portada-img{
   margin:10px auto 10px 0;
   padding:0;
}
#bloque-portada-list{
   margin-left:20px;
}

#bloque-portada-interior{
    width:379px;
    margin:0 auto;
    text-align:left;
}
#bloque-portada-left{
    float:left;
    width:171px;
    height:212px;
}
#bloque-portada-right{
    float:right;
    width:171px;
    height:212px;
}
#bloque-portada-sep{
    width:15px;
    height:222px;
    background-color:#fff;
    float:left;
}
.toggler{
    height:26px;
    padding-top:10px;
    background-color:#F7F7F7;
    margin-bottom:5px;
    text-align:left;
    cursor:pointer;
}
li{
   list-style-image:url(../images/vineta.jpg);
   width:87%;
   text-align:left;
   float:right;
   margin-left:10px;
}
ul{
    float:right;
    width:100%;
 }
/* front blog*/
.front-blog{
    float:left;
    text-align:right;
    width:100%;
}
.front-blog .info{
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:10px;
    color:#999;
    text-align:right;
    margin-bottom:0px;
    margin-top:10px;
}
.front-blog h2 a, .front-blog h2{
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:23px;
    color:#54B848;
    text-decoration:none;
    margin-top:0px;
    text-align:right;
    line-height:25px;
    font-weight:normal;
    width:100%;
}
.front-blog .teaser{
    text-align:right;
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:11px;  
    line-height:14px;
    margin-right:0px; 
}
/* blog more */

/* footer */
#footer {
	width: 800px;
	text-align: center;
}
/* Menu */

#menu-bottom {
	text-align:right;
	height: 40px;
}

#menu-bottom  {
        width:501px;	
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#menu-bottom .item{
    float:left;
}
#menu-bottom a {
	float: left;
	padding-top: 5px;
	height:20px;
        padding-bottom: 5px;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}
#menu-bottom a.last {
	float: left;
	padding-top: 5px;
        padding-bottom: 5px;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	border-right-color:#fff;
	border-right: 0px inset;
}
#menu-bottom a span{
    color:#555;
}
#menu-bottom a:hover span {
    color:#555;
    height:20px;
    border-bottom:1px solid #33CC00;
}
#menu-bottom .active a span{
    color:#555;
    height:20px;
    border-bottom:1px solid #33CC00;
}
#menu-bottom .sep{
    width:20px;
    height:25px;
    float:left;
}
#iso-logo{
    margin:0 auto;
    margin-top:60px;
}
/* blog page */
#blog-left{
    width:564px;
    float:right;
}
#blog-left .info{
    font-size:12pt;
    font-family:"Georgia", "Times New Roman", "times", serif;
    color:#999;
    text-align:left;
    font-weight:regular;
    margin-left:0px;
}
#blog-left .author{
    font-size:10pt;
    font-family:"Georgia", "Times New Roman", "times", serif;
    color:#999;
    text-align:right;
    font-weight:regular;
    margin-top:0px;
    margin-bottom:15px;
    margin-left:0px;
}
#blog-left h2 a, #blog-left h2{
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:23px;
    color:#54B848;
    text-decoration:none;
    margin-top:0px;
    text-align:left;
    line-height:25px;
    font-weight:normal;
    width:100%;
    margin-bottom:0px;
}
#blog-left .layout_short{
    margin-top:20px;
	
}
#blog-left .teaser{
    margin-left:0px;
    text-align:left;
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:11px;  
    line-height:14px;
}
#blog-left .more, #blog-left .more a{
    margin-left:0px;
    text-align:right;
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:11px;  
    line-height:14px;
    color:#54B848;
    font-weight:bold;
}
.mod_tagcloudnews > h2{
    font-size:17pt;
    font-weight:bold;
    text-align:right;
    font-family:"Georgia", "Times New Roman", "times", serif;
    color:#999;
}
#blog-right{
    width:191px;
    float:right;
}
ul.cloud li{
    color:#54B848;
    list-style: none;
}

#blog-right li, #blog-right li a{
    margin-left:0px;
    text-align:right;
    font-family:"Georgia", "Times New Roman", "times", serif;
    font-size:11pt;  
    color:#54B848;
    text-decoration:none;
    font-weight:bold;
}
#alltags{
    float:right;
}

/* Portafolio */
#page_portafolio #content{
    width:100%;
}
#page_portafolio #content h2{
    color:#000;
    font-size:16px;
    font-weight:bold;
}
#page_portafolio .mod_article{
    width:100%;
}
#page_portafolio #content img{
    border:5px solid #55B844;
}
#page_portafolio span{
    color:#000;
}
#page_portafolio a{
    text-decoration:none;
}
#page_portafolio p{
    line-height:15px;
}
/* **************formulario contactenos************** */
.box_form{
	width:382px;
    text-align:left;
}

input.reference_radio{
    border:1px solid #B2B2B2;
    color:#000000;
    float:left;
    font-family:Verdana;
    font-size:11px;
    height:20px;
    margin-bottom:10px;
    padding-top:5px;
    text-align:left;
    width:382px;
}

label.reference_radio {
	font-family:Verdana;
	font-size:11px;
	color:#5A5A5A;
	width:382px;
	float:left;
	text-align:left;
	margin-top:10px;
}
textarea.reference_radio{
    border:1px solid #B2B2B2;    
    float:left;
	width:382px;
	height:175px;
	font-family:arial;
	font-size:10px;
}
input.submit{
	float:right;
	width:100px;
	height:28px;
	margin:0;
	margin-top:20px;
    margin-right:53px;
	padding:0;
	border:solid 1px #5A5A5A;
	background-color:#D6D6D6;
	color:#5A5A5A;
}
.box_img_contacto{
    width=382px;
    height=22px;
    float:left;
}
/******************añadiendo el footer*********/

.box_footer{
    width:800px;
    text-align:center;
}
.box_footer p{
    font-family:Arial;
    font-size:10px;
    color:#595959;
    line-height:18px;
    margin-top:20px;
    margin-bottom:70px;
    text-align:center;
}