body {
	background: url("../images/cyan2.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 16px;
	margin: 0px auto auto;
	padding: 0px;
	height: 800px;
	background-color: #eeeeee;
	text-align: left;		
    font-size: 12px;
}

#fondo{
	position:absolute;
	width:98.7%;
	left:0.7%;
	height:103.5%;
	background: url("../images/fondoB.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#pie{
	position: absolute;
	top:98%;
	height: 6%;
	width: 100%;  
	background-color:black;
   filter:alpha(opacity=50);
	opacity:0.5;
	z-index:1
}

@font-face {
	font-family: "fuenteCecoisa";
	font-style: normal;
	font-weight: normal;
	src: local("?") , url("../font/Freehand 575 BT.eot") format("embedded-opentype");
	src: local("?") , url("../font/Freehand 575 BT.eot?#iefix") format("embedded-opentype"),
		 url("../font/Freehand 575 BT.woff") format("woff"),
		 url("../font/Freehand 575 BT.ttf") format("truetype");		 
	/*src: local("?"), url("../font/Freehand 575 BT.woff") format("woff"), url("../font/Freehand 575 BT.ttf") format("truetype");*/
}

#slogan ,#slogan2{
	position:absolute;
	top:-32px;
	left:2%;
	color:white;
	padding: 0px;
	height:50px;
	margin: 0px auto auto;
	font-family: fuenteCecoisa;
	font-size: 44px;
}


#top
{
    margin: 0px auto auto;
	padding: 0px;
    width: 934px;
	background: url("../images/header.png") no-repeat;

}
/*modificado*/
#logo
{
	position:absolute;
	background: url("../images/logo cecoisa digital.png") no-repeat;	
	height:180px;
	width:350px;
	margin:-16px 0px 0px 650px;
	top:250%;
	/*zabalegui*/
	/*background-color:blue;/*fondo azul para prueba*/	
	left:-10%;
	/*border-style:solid;
	border: 0px 0px 0px;
	border-color:white;
	margin:-20px 0px 0px 650px;*/
}
#header
{
    margin: 0px auto auto;
	padding: 22px 0 0 0;	
    width: 929px;
}
/*modificado*/
#content
{
	position:relative;
	top:0%;
	margin: 0 auto auto;	
	width: 934px;	
	background: url("../images/border_main.png") repeat-y scroll 0 0 transparent;
	min-height: 676px;
}
#footer
{
	margin: 0 auto auto;	
	width: 934px;		
	background: url("../images/footer.png") scroll 0 0 transparent;
	height:30px;
}
#content-main
{
    margin: 0 auto auto;	
	border-bottom: 7px solid #026fc2;
    width: 920px;	
	
}
#middle /*modificado*/
{
	position: relative;
	width:390px;
	height:365px;
	top:2.5%;
	left:21.5%;
	margin:auto;

	border-color:#036;
	border-width:2px 2px 2px 2px;		
}
#star-head
{
	width: 550px;
	background: url("../images/content-mid-head.png") no-repeat scroll 0% 0% transparent;
	height: 10px;	
	
}
#middle-center
{
	width: 550px;
	background: url("../images/content-mid.png") repeat-y scroll 0% 0% transparent;
	min-height:600px;

}
#middle-footer
{
	width: 550px;
	background: url("../images/content-mid-footer.png") no-repeat scroll 0% 0% transparent;
	height: 11px;	
	
}
#conten_middle
{
	width:530px;
	height:280px;
	margin:auto;

	border-color:#036;
	border-width:1px 1px 1px 1px;

}
#left /*modificado**/
{
	position:relative;
	width: 92%;
	top:-1%;
	left:4%;
	height:670px;
	margin:auto;
	float:left;
	margin:20px 20px 20px 0px;

	border-color:#036;
	border-width:1px 1px 1px 1px;
	border-radius:8px;
	/*background: url("../images/content-left.png") ;*/
	/*background-color:#0040FF;*/
	/*background-color:#cae7fa;*/
	/*background-color:#DBEFFF;*/
	
}
#left-head
{
	width: 320px;
	background: url("../images/content-left-head.png") no-repeat scroll 0% 0% transparent;
	height: 10px;	
	
}
#left-center
{
	width: 320px;
	background: url("../images/content-left.png") repeat-y scroll 0% 0% transparent;
	min-height:600px;
}
#left-footer
{
	width: 320px;
	background: url("../images/content-left-footer.png") no-repeat scroll 0% 0% transparent;
	height: 11px;	
}
#conten-left
{
	position: absolute;
	width:350px;
	height:365px;
	top:2.5%;
	left:6%;
	margin:auto;	
	border-color:#036;
	border-width:2px 2px 2px 2px;	
}
#sucursales
{
	border-style:none;
	float:left;
	height:100px;

}
#sucursales.principal
{
	width:390px;
	vertical-align:middle;
}
#sucursales.others
{
	width:390px;
	border-style:none;
}
#map-google
{
    position:absolute;
	top:60%;
	left:6%;
	width:88%;
	height:33%;
	margin:auto;	
	/*border-style:dashed;
	border-color:#036;
	border-width:2px 2px 2px 2px;*/
}

.botones-sucursal{
	position:relative;
	top:4%;
	left:30%;
	width:90%;
	height:10%;
	border-color:#036;
	border-width:2px 2px 2px 2px;
}

@font-face{
	font-family: "fuenteBerlin";
	font-style: normal;
	font-weight: normal;
	src: local("?") , url("../font/Berlin.eot") format("embedded-opentype");
	src: local("?") , url("../font/Berlin.eot?#iefix") format("embedded-opentype"),
		 url("../font/Berlin.woff") format("woff"),
		 url("../font/Berlin.ttf") format("truetype");		 
}

#sucursales h1, #sucursales h2,#conten-left h1, #conten-left h2, #middle h1
{
	color:white;
	font-family: fuenteBerlin;
	font-size:14px;
	font-weight:500;
	text-align:center;
	text-decoration:none;

	margin: 5px auto 2px auto;
}
#sucursales h2, #conten-left h2{
	font-family: fuenteBerlin;
	font-size:14px;
	margin: 4px 0 0 0;
	color:black;
}
#sucursales p, #conten-left p
{
	text-align:center;
	font:11px Berlin Sans FB ;
	font-weight:500;
	text-decoration:none;
	color:black;
	margin: 1px 0 0 0;
}
#conten-left p
{
	
	text-align:justify;
	margin-top:10px;
	padding:0 5px;
}
#frame label
{
	display:block;
	width:70px;
	float:left;
	margin:5px 0;
}
#frame #txtName
{
	  background: #fff url('../images/user.png') 5px 4px no-repeat;
}
#frame #txtPhone
{
	  background: #fff url('../images/phone.png') 5px 4px no-repeat;  
}
#frame #txtMail
{
	  background: #fff url('../images/mail.png') 5px 4px no-repeat;  
}
#frame textarea /*modificado*/
{
	width:80%;
	font:-webkit-small-control;
	resize: none;
	height:100px;
	border-style: solid;  
	border-width: 1px;  
	border-color: #dedede;  
	margin-bottom: 15px;
	margin: 0 5px;
	padding: 11px 25px;  
	padding-left: 30px;  
	color: #000000;  
    background: #fff url('../images/speech.png') 5px 4px no-repeat;  
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
}
 
#buttons
{
	margin-top:10px;
}

#botones-sucursal{
	position:relative;
	top:40%;
	left:24.3%;
	width:90%;
	height:10%;
	border-color:#036;
	border-width:2px 2px 2px 2px;
}
#botones-sucursal #btSend
{
  height: 30px;  
  padding: 0 10px;  
  border: 1px solid;  
  outline: 0;  
  font-weight: bold;  
  font-size: 15px;  
  color: #000000;  
  text-shadow: 0px 1px 0px 0px;  
  whitewhite-space: nowrap;  
  word-wrap: normal; 
  font-size: 13 px;   
  color: #000000;  
  vertical-align: middle;  
  cursor: pointer;
    
  -moz-border-radius: 2px;  
  -webkit-border-radius: 2px;  
  border-radius: 2px;  
    
  color: #fff; 
  border-color: #026FC2;  
    
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
  -webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
   box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
   /*rgb(226,238,175) */
   /*background-color: rgb(226,238,175);*/	  
   background-image: -webkit-linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%);  
   background-image: -moz-linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%); 
   background-image: -o-linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%); 
   background-image: linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%);
   background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38)));   
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71B0DC', endColorstr='#026FC2',GradientType=0 );
}  



#buttons #btSend
{  
  position:relative; 
  display: block;  
  height: 30px;  
  left:76.5%;
  padding: 0 10px;  
  border: 1px solid;  
  outline: 0;  
  font-weight: bold;  
  font-size: 15px;  
  color: #000000;  
  text-shadow: 0px 1px 0px 0px;  
  whitewhite-space: nowrap;  
  word-wrap: normal;  
  vertical-align: middle;  
  cursor: pointer;
  margin-left:5px;
    
  -moz-border-radius: 2px;  
  -webkit-border-radius: 2px;  
  border-radius: 2px;  
  color: #fff; 
  border-color: #026FC2;  
    
  -moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
  -ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
  -webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
   box-shadow: inset 0 1px 0 rgba(256,256,256, .35);  
   /*rgb(226,238,175) */
   /*background-color: rgb(226,238,175);*/	  
   background-image: -webkit-linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%);  
   background-image: -moz-linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%); 
   background-image: -o-linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%); 
   background-image: linear-gradient(top, rgb(2,111,194) 3%,rgb(113,176,220) 3%,rgb(2,111,194) 100%);
   background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38)));   
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71B0DC', endColorstr='#026FC2',GradientType=0 );
  /*
  background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38)));   
  background-image: -webkit-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);  
  background-image: -o-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);  
  background-image: -ms-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);  
  background-image: linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);   
  */  
}  
	
#txtMsg{
color: #000000;  
}
	
#txtMail,#txtPhone,#txtName { /*modificado*/
  width:80%;
  display: block;  
  border-style: solid;  
  border-width: 1px;  
  border-color: #dedede;  
  margin-bottom: 5px;  
  margin-left:5px;
  margin-right:5px;
  padding: 4px 25px;  
  padding-left: 30px;  
  color: #000000;  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   
    
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
}  

#txtMail:focus,#txtPhone:focus,#txtName:focus, #txtMsg:focus {   
  color: #000000;  
  border-color: rgba(41, 92, 161, 0.4);  
  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);  
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);  
  outline: 0 none;   
}  

#divisor{
position:absolute;
height:6px;
left:-32px;
top:57.5%;
width:107.5%;
background:#026fc2;
}