/*   
Theme Name: Comfort Zone
Author:Student Inspirations
Author URL: http://www.studentinspirations.com/

*/
/* Neutralizamos los Estilos */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
margin:0px 0px 10px 0px;
}

h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}

/* Algunas clases útiles */
.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

/* Links Bases */
a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/
}

/* Links */
a, a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#FFFFFF;
text-decoration:underline;
}

/* Estructura */
body{
margin:0px auto;
padding:0px;
background-color:#000000;
color:#CCCCCC;
}
.loading{
 background-color:#FFFFFF;
 width:200px;
 height:200px;
 display:block;
}

/* Main Styles */
*{
	margin:0;
	padding:0;
	border:none;
	color: #000;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	font-weight:normal;
	margin:10px 0 10px 0;
	color: #000;
}

h1{font-size:28px;}
h2{font-size:26px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Some quick fixes */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

/* Algunas clases útiles */
.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

/* Links */
a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
/*bcg*/
}

/* Links */
a, a:visited{
color:#cc9933;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#FFFFFF;
text-decoration:underline;
}

#copyright a, #copyright a:visited{
color:#cc9933;
text-decoration:none;
font-weight:bold;
}

#copyright a:hover, #copyright a:active {
color:#ffffff;
text-decoration:underline;
}

/* Main body */
body{
margin:0px;
padding:0px;
background-color:#000000;
}

#czone{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}

#copyright{
margin:0px auto;
width:760px;
text-align:center;
color:#fff;
}

#dibusoft{
margin:0px auto;
width:760px;
text-align:center;
}

/* Menu */
#menu {
margin:5px auto;
padding:5px 0;
width:600px;
text-align:center;
color:#6E6E6E;
}

#menu span{
padding:0px 5px 0px 5px;
}

#contenedor {
margin:0px;
overflow:hidden; 
/*height:387px; 
width:99,9%;*/
border:none;
position:relative;
}

#contenedor-bg {
width:5000px;
height:380px;
background-image:url(../images/comfortzone_bg1.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#ffffcc;
position:relative;
}

.scrolling-content {
	width:990px;
	height:6403px;
	position:absolute;
}

#content1 {
left:0px; 
top:0px;
}

#content2 {
left:1570px; 
top:0px;
}

#content3 {
left:2880px; 
top:0px;
}

/* Nosotros */
#nosotros{
float:right;
margin-top:10px;
margin-right:30px;
width:600px;
text-align:right;
text-align:left;
}


/* Portflio */
#portfolio{
float:right;
width:700px;
}

#portfolio-titulo{
right:717px;
position:absolute;
top: 7px;
width: 176px;
}

#portfolio-works {
margin-left:20px;
position: relative; /* important */
overflow: hidden; /* important */
width: 680px; /* important */
height: 6140px; /* important */
}

#example_4_frame {position: relative}
#example_4_frame img {position: absolute; cursor:pointer;}

#portfolio-arriba {position: relative;  z-index:14;}
#portfolio-arriba img {position: absolute;}

#portfolio-abajo {top: 336px; position: relative; z-index:14;}
#portfolio-abajo img {position: absolute;}

#portfolio_anteriores {top: 120px; right: 0px;}
#portfolio_siguientes {top: 300px; right: 0px;}

#portfolio_contenidos {
	left:0;
	position: absolute;
	width:650px;
	top: -1px;
	height: 6135px;
}

.work{
clear:both;
padding-top:10px;
padding-bottom:16px;
width:600px;
height:auto;
}

.work p{
font-weight:normal;
}


.work-txt{
float:left;
margin-top:10px;
}


/* Contacto */

#response{
color:#cc9933;
display:none;
float:left;
margin-top:10px;
margin-left:60px;
margin-right:70px;
width:500px;
}
.loading{
color:#xx9933;
background-image:url(../images/loading.gif);
background-position:50% 30%;
background-repeat:no-repeat;
height:450px;
}


#telefonos{
float:left;
width:500px;
margin-top:10px;
margin-left:170px;
color:#cc9933;
}
#telefonos a, #telefonos a:visited{
color:#cc9933;
text-decoration:none;
font-weight:bold;
}

#telefonos a:hover, #telefonos a:active {
color:#cc9933;
text-decoration:underline;
}


input:focus, textarea:focus {
}


/* Tooltips */
.tool-tip {
color:#ffffff;
font-size:11px;
background:#222222;
z-index:13000;
}

.tool-title {display:none;}

.tool-text {padding:8px;}