/*cvc csc file page1*/
* {
	box-sizing: border-box;
  }
body{
	font-family: "Times New Roman", Times, serif;
	margin:0;
	color: #000033;
	line-height: 1.166;		
background-color: lightblue;	text-decoration:none; 
}
.contenedor { 
	position:relative;
	width: 80%; 
	overflow: hidden;   
	height:auto;
	margin:auto;
	background-color: lightyellow;
	
	}
.the_row,.the_row1  { 
	position:relative;
	width: 100%; height:500px;
	overflow: hidden;   
	height:auto;
	margin:auto; 
	clear:both;
	display:table;
	}
	
.col1 {float:left; width:8.33%;padding-left:5%;}
.col2 {float:left; width:16.66%;padding-left:5%;}  
.col3 {float:left; width:25%;padding-left:5%;}  
.col4 {float:left; width:33.33%;padding-left:5%;}  
.col5 {float:left; width:41.66%;padding-left:5%;}  
.col6 {float:left; width:50%;padding-left:5%; }  
.col7 {float:left; width:58.33%;padding-left:5%;}  
.col8 {float:left; width:66.66%;padding-left:5%;}  
.col9 {float:left; width:75%;padding-left:5%;}  
.col10 {float:left; width:83.33%;padding-left:5%;}  
.col11 {float:left; width:91.66%;padding-left:5%;}  
.col12 {float:left; width:120%;padding-left:5%;}    
 

#main_box {float:left; border:0; width: 100%;padding-bottom:0%;margin-top:12%;}   

IMG.img_left{
      width:30%;
      display: block;
	  margin-top: -100px;
      margin-left: auto;
      margin-right: auto;
      border: 2px solid #ccc;
      border-radius: 9px; 
      z-index:8;
      }	
  
p.txtcenter {
text-align:center;

}

.texto2 {
    background-color: #0000ff; 
    color: #f2f2f2;
	display: block;
    width: 45%;
    font-size:120%;
    text-align: left;
    border-radius: 6px;
	margin-top:5%;
	margin-left:15%;
	margin-right:auto;
	//margin-top:-30px;
    padding: 10px 30px 10px 30px;    
   
}

IMG.img_row1{
      float:right;
	  width:20%; 
	  height:7%;
      display: block;
      margin-left: auto;
      margin-right: 20%;
      border: 2px solid #ccc;
      border-radius:8%; 
   
      }
	  
IMG.img_row2{
      float:left;
	  width:20%; 
	  display: block;
      margin-left: 10%;    	  
      border: 2px solid #ccc;
      border-radius: 9%; 
	  border-right:0;
	  padding-right: 15px     
      }
	  
.box_img_row3{float:left; width:30%;padding-top:10px;padding-right:10px;padding-bottom:10px;border:1 px solid #ccc;}

.img_row3{
      float:left;
	  width:90%; 
	  
      display: block;
      margin-left: auto;
     
    z-index:1;
      }	  
 


.newspaper1 {
	float:left;
	background-color:lightyellow;
	width:100%;
	height:auto;
    margin:0;
   padding:5% 5% 0 5%;  
  color:black; 
  column-count: 2; 
  column-gap: 40px;
  column-rule-style: none;
  column-width: auto;
  font-size:medium;
 
}
.newspaper {float:left;
  width:100%; /*height:500px;*/
   margin:0;
   padding:5%;     
  background-color: lightyellow;/*#d2e7ff;*/
  color:black; /*#f2f2f2; */ 
  column-count: 3; 
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color:  #eee;
  column-width: 200px;
  font-size:medium;
}
h2.titulo {  column-span: all; color:blue;             
}
span.titulo_s{color:#FF7024; font-size: mediun; padding:0 0 5px 0;display:block;
}
span.titulo_r{color:#FF7024; font-size: mediun; padding:10% 0 5% 0;display:block;
}
#col12{background-img:url(presentation1/img/present_img_2.png);background-repeat: no-repeat ;background-position: right bottom, left top;border: 2px solid white;z_index:1;}
#row_3 { align:center; background-color:#0000ff}
.reloj {float:left;width:70%;     
		padding-top:15%;}
.tx-reloj {text-align:center;padding-top:10%;padding-bottom:5%;}
 #textime { padding-left:0%;
			background-color:lightyellow;
			/*background-image: linear-gradient(to bottom right,lightyellow, #fff);*/
			opacity:0.9;
			border-bottom:2px solid lightyellow;
 } 

.footer {
	position:relative;
   left: 0;
   bottom: 0;
   width:100%;
   padding:5px;
   line-height: 1.166;	
   font-size:15px;
   color: white;
   text-align: center;
   background-color: #0000ff;
   overflow:hidden;
   z-index:9;
}
@media screen and (max-width:768px) { 
   #main_box{margin-top:41%;}
     img, .the_row, .contenedor{ width:100%; padding:0;}
  .texto { margin-left:1%; width: 97%; }  
   
   [class*="col"]{ width: 100%;} 
   .col9 {display:none;}
   .col3 {width :50%;}
   .reloj {float:left;width:70%;     
		margin-top:10%;}
   .tx-reloj	{padding-top:22%;padding-bottom:11%;}
   .newspaper1, .newspaper{
		width:100%;
		height:auto;	column-count: 1;  
		} 
   input[type=text] {
    width: 100%;}
  img {width:100%; }
  #sdiv{ width:80%;} 
 #textime { padding-left:0 0 20px 0;
            height:154px;			
			background-color:lightyellow;
			/*background-image: linear-gradient(to bottom right,lightyellow, #fff);*/
			opacity:0.9;
 }     	   
}