/*
THEME NAME: sxin
THEME URI: http://www.creaxa.com
DESCRIPTION: Web de Creaxa.com Fluido, fluido
VERSION: 0.2
AUTHOR: Creaxa
AUTHOR URI: http://www.creaxa.com
TAGS: sandbox, creaxa, minimalista
TEMPLATE: sandbox
*/

* {margin:0; padding:0;} /*nunca sobreestimar el poder de la fuerza*/
a {text-decoration:none;color:#000;}

body{
text-align:center;
background:#eaeaea url(img/fondo.jpg) repeat-x;
font-family:Georgia1, Georgia, serif;
color:#444;
font-size:62.5%;
}

div#wrapper{
width:856px;
margin:0 auto;
}

/*Tres columnas*/
div#container {
float:left;
width:100%;
}

div#header h1{
text-indent:-10000px;
min-height:152px;
background:url(img/head1.jpg) no-repeat;
}

div#blog-description{
text-align:right;
font-size:1.8em;
font-style:italic;
position:relative;
top:5px;
color:#006666;
height:0;
margin-right:1.2em;
}

div#access{
background:#cfcfcf url(img/fhead2.png) repeat-y;
height:33px;
margin:0 0 0 1px;
float:left;
width:100%;
}

div#menu{position:relative;margin:6px 15px;float:left}
div#menu ul{list-style-type:none;}
div#menu li{float:left;margin:0 1em;font-size:1.2em; text-align:left;}

div#floater1{float:left;width:100%;height:100%;background:#fff;}
div.skip-link{position:relative;margin:1.1em auto 2px;min-height:4em; width:750px;color:#990000;font-size:2.2em;text-align:justify;}
div.skip2{color:#666;font-size:1.6em; width:750px; margin:.6em auto 1.4em;text-align:justify;}
div#menu a{font-family:Arial, verdana;font-size:1.3em;}
div#menu a:hover{color:#444;}
div#entrediv{background:url(img/entrediv.png) no-repeat;float:left;height:6px;text-indent:-10000px;width:100%;position:relative;margin-bottom:-4px;}

div#contenido{
float:left;margin:4px auto 2em;background:url(img/fcont2.png) repeat-y;width:100%;min-height:12em;color:#000;font-size:1.2em;
}

div#contenido2{
background:#fff;float:left;margin:4px auto 2em;width:100%;min-height:12em;color:#000;font-size:1.2em;padding-bottom:2em;
}

ul{list-style-type:none;}
div#contenido ul{margin:.8em 0;}
div#contenido li,  #contenido2 li{margin:.8em 0;text-align:left;}

div.tit1 {color:#006666;font-size:1.8em;display:block;text-align:left;}
div.tit2 {color:#006666;font-size:1.3em;display:inline;}
div#contenido2 div[class=tit1]{margin:1.4em 0 1em .5em;font-size:2.2em;color:#990000; }
#contenido2 ul{margin:.8em 0 .2em 1.6em;}

div#portafolio{
float:left;width:33%;margin-left:1em;}

div#servicios{float:left;width:33%;margin-left:-1.5em;}

div#plantillas{float:left;width:31%;margin-left:2.5em;}

a.obten{color:#990000;}
a.obten:hover{color:#006666;}

/*servicios*/

h2.trigger {
	margin: 0 0 1.2em 1em;
	height: 3.2em;
	width: 600px;
	font-size: 1.8em;
	float: left;
text-align:left;
padding-left:9em;
}

h2#disydes{background: url(img/iconweb.jpg) no-repeat 1em;}
h2#logos{background: url(img/iconlogos.jpg) no-repeat 1em;}
h2#otrodis{background: url(img/iconempaq.jpg) no-repeat 1em;}

h2.trigger a {
	color: #006666;
	text-decoration: none;
	display: block;
margin-top:.7em;
}
h2.trigger a:hover { color: #ccc; }
.block h3{font-size:1.2em;text-align:left;margin:6px 0;}

/*h2.active {background-position: left bottom;} --When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {margin: 0 0 4em;background: #fff ;font-size: 1em;width: 770px;float:left;}
.toggle_container .block {margin:.2em 0 .6em 6em;}


.block p{text-align:justify;margin:.2em;line-height:1.6em}
.block p a{color:#006666;}
.block p a:hover{color:#ccc;}

/*404*/
div[class~=not-found]{font-size:160%;color:#006666;margin:2em 1em;}
div[class~=not-found] .entry-content {color:#666; margin:2em 1em;}

/*search*/
h2.page-title{color:#006666;font-size:160%;margin:2em;}
h3.entry-title a{font-size:120%;color:#990000;}
#content div[class~=hentry]{margin:2em auto; width:70%;}
#content{margin-bottom:4em;}


/* -- servicios*/
div.sidebar {
float:left;
overflow:hidden;
width:180px;
}

div#primary {
margin:0 0 0 -100%;
}

* html div#primary {
left:20px;
position:relative;
}

div#secondary {
margin:0 0 0 -180px;
}

/*Forma de contacto*/

p.forma{font-size:150%;color:#666;margin:2em;padding-top:2em;}

/*footer*/

div#footer {
margin:0 auto;
clear:left;
width:100%;
text-indent:-100000px;
min-height:42px;
background:url(img/footer2010.jpg) no-repeat;
}